스터디일지72 [HTML] 기본 익히기 PART 4 form 태그 웹에서 사용자의 정보을 입력 받을 수 있도록 만든 양식이며 입력 받는 데이터 양식을 묶는 역할을 한다. ex) 로그인, 회원가입, 글쓰기 등등 ... 속성 action - 양식 데이터를 처리할 서버프로그램의 url method - 양식을 제출할 때 사용할 HTTP 메서드이며 post, get 등이 있다. 아이디 비밀번호 데이터 태그 속성 required - 입력값이 필수로 들어가야 할 때 사용한다. readonly - 읽기 전용으로 텍스트 수정이 불가하다. disabled과의 차이점은 서버로 값이 전송된다. disabled - 텍스트 수정이 불가하고 해당 필드를 비 활성화 시킨다. 서버로 해당 필드값이 전송이 안된다. autofocus - 해당 필드에 커서를 위치 하게 한다. placeho.. 2024. 3. 12. [HTML] 기본 익히기 PART 3 이미지 태그 src에는 이미지의 경로를 지정한다. alt에는 이미지에 대한 설명을 적는다. 이로 인해 웹 접근성 증가하게 된다 절대경로 VS 상대경로 상대 경로 - 현재 문서를 기준으로 경로를 인식한다 ex) ./, ../(상위 디렉토리 이동) 절대 경로 - 절대적인 고유한 경로를 말한다. ex) http~, 오디오 태그와 비디오 태그 오디오 소리 컨텐츠를넣을 때 사용하는 태그 source element를 사용할 때는 1개 이상 있을 때 사용하는 것이 좋다 controls 요소는 집어 넣지 않으면 재생 막대바가 뜨지 않는다. 비디오 비디오 컨텐츠를넣을 때 사용하는 태그 controls 요소는 집어 넣지 않으면 재생 막대바가 뜨지 않는다. 오디오 태그와 비디오 태그에서 사용하는 속성 controls - 플.. 2024. 3. 12. [HTML]기본 익히기 PART 2 Semantic 태그 HTML에서 의미를 가지는 태그를 말한다. 검색엔진 최적화, 웹 접근성 향상, 가독성 향상이라는 이점이 있다. 예시) div 태그에는 클래스명을 사용해서 style을 적용했지만 semantic 태그를 쓰면 번거로움이 줄어든다 대표적인 시멘틱 태그로느 , , , 등이 있다. MDN 사이트에서 Semantic 태그를 확인할 수 있다. https://developer.mozilla.org/en-US/docs/Learn 2024. 3. 11. [HTML] 기본 익히기 PART 1 HTML 이란? HTML은 Hyper Text Markup Language의 약자로 태그로 이루어진 마크업 언어이다 HTML tag 기본 사용은 시작태그와 종료 태그 사이에 text(내용)를 집어 넣는다 시작태그 안에는 속성명과 속성값을 집어 넣는다 HTML 문서 기본 구조 태그는 대부분 HTML 5를 가리킨다 문서의 기본 구조는 HTML 태그로 시작하고 HEAD 태그에는 HTML 문서의 정보, BODY태그에는 문서의 내용이 들어간다 HTML 주석 메모 남기고 싶을 때는 을 사용한다 HTML EMMET 사용방법(확장기능) !를 사용하면 HTML 기본 구조가 나타난다. 기본 구조 불러오기 ex)! 입력하고 tab 자식 노드 만들기 > 자식 노드만들기 ex) div>ul>li 입력하고 tab 형제 노드 만들.. 2024. 3. 11. 이전 1 2 3 4 5 6 7 ··· 18 다음
