목록Web Basic/HTML 3
Formoat's Open Blog
HTML태그는 크게 블록 요소와 인라인 요소로 나누어지게 되며 각각 요소들은 차이점을 가지고 있다. # 블록 태그 div, nav, h1~6, table, ul, ol, li, form, header, footer, p, pre, form 등등 # 블록 태그의 특징 1. 자동으로 줄바꿈이 이루어진다. 2. width, height 값을 설정 할 수 있으며 설정하지 않을 경우 부모의 값을 물려 받는다. 3. vertical-align, text-align 값이 적용되지 않는다. 블록 태그는 모든 인라인 태그를 포함할 수 있으며 다른 블록 태그도 일부 포함 할 수 있다. 기본적으로 가로폭이 페이지 전체를 차지하는 직사각형 형태를 가지고 있으며, width, height, margin, padding 등 값을..
: 문서 유형 지정 : HTML 문서의 시작 과 끝 : 웹 브라우저가 인식해야할 정보를 담는 태그 : 웹 브라우저의 몸통으로 실제 브라우저에 표시되는 내용들이 담겨 있다. # head 항목의 태그 : 문서의 제목을 나타내는 태그 : 문서의 키워드, 제목, 요약 등 문서 자체의 메타데이터들을 담고 있다. : html문서에 css를 직접 사용할 경우 사용되는 태그 : 스크립트 태그로 소스를 불러와 사용 또는 자바스크립트를 작성할 수 있다. # body 항목의 태그 1. 제목 태그 : 문서 본문의 헤드라인을 입력할 때 사용되는 태그로 h1 -> h6 순으로 점점 크기가 작아 진다. 2. 문단, 줄바꿈, 전환 : 텍스트의 문단을 지정, 입력한 데이터 그대로 출력할 때 사용되는 태그, 줄바꿈 태그와 주제를 분리할..
문서형 정의 (DTD : Document Type Definition) HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 문서의 요소와 속성 등 처리하는 기준이 되며 유효성 검사에 이용된다. # HTML5 DOCTYPE 선언 HTML5는 SGML에 기반을 두지 않아 DTD 참조가 필요 없고, 최소한의 코드작성이 기본방향이다. 때문에 매우 간단한 선언 방법을 가지고 있다. # XHTML DOCTYPE XHTML은 엄격형, 호환형, 프레임형으로 나누어지며 각각 선언 방법이 다르다. HTML5가 등장하면서 XHTML을 사용하는 경우는 적다. Strict DTD : 구조와 표현을 분리하기 위해 단계적으로 사라질 표현에 관한 요소와 속성을 배제한 문서 타입 Transitiona..