<h1>~<h6>
<h1>~<h6> 태그는 섹션의 제목 설정합니다.
<h1>~<h6>
<h1>~<h6> 태그는 섹션의 제목 설정합니다.
| 특징 | 설명 |
|---|---|
| 요소 | 블록 요소(Blockk Element) |
| 닫는 태그 | 닫는 태그 사용(<h1> ~ </h1>) |
| 버전 | HTML4 |
| 시각적 표현 | 볼드체 및 글씨 크기 변경 |
| 사용성 |
정의(Definition)
- <h1>~<h6> 태그는 섹션의 제목 설정합니다.
- <h1> 태그가 가장 높은 단계의 제목이며, <h6> 태그가 가장 낮은 단계의 제목입니다.
- <h1>~<h6> 태그의 글씨 크기를 위해 사용하지 않습니다. 글씨 크기는 CSS의 font-size로 설정합니다.
- <h1>부터<h6>까지 태그의 단계를 순차적으로 사용합니다. 단계를 건너뛰지 않습니다.
- 한 페이지에 <h1> 태그는 한 번만 사용합니다.
- <h1>~<h6> 제목 별로 기본 폰트 크기가 다릅니다.
섹션 관련 요소(Section Related Elements)
- <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
- <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
- <section> 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다.
- <nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
- <aside> 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다.
- <h1>~<h6> 태그는 각 섹션의 제목을 설정합니다.
- <header> 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다.
- <footer> 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다.
속성(Property)
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| align |
right left center justify |
테이블의 행을 오른쪽으로 정렬합니다. 테이블의 행을 왼쪽으로 정렬합니다. 테이블의 행을 가운데로 정렬합니다. 테이블의 행을 양쪽으로 정렬합니다. |
 |
예제1(Sample)
제목을 설정하는 예제입니다.
이 제목은 h1 태그입니다.
이 제목은 h2 태그입니다.
이 제목은 h3 태그입니다.
이 제목은 h4 태그입니다.
이 제목은 h5 태그입니다.
이 제목은 h6 태그입니다.
HTML
CSS
SCRIPT
<h1>이 제목은 h1 태그입니다.</h1>
<h2>이 제목은 h2 태그입니다.</h2>
<h3>이 제목은 h3 태그입니다.</h3>
<h4>이 제목은 h4 태그입니다.</h4>
<h5>이 제목은 h5 태그입니다.</h5>
<h6>이 제목은 h6 태그입니다.</h6>
//CSS none
//Javascript none
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <h1>~<h6> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| align | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
