HTML 헤더는 웹페이지에 표시하려는 제목이나 부제목임
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5Heading 6
HTML 제목
<h1> HTML 제목은 `<heading> ` 태그로 정의 <h6>.
<h1> 가장 중요한 제목을 정의
<h6> 가장 중요도가 낮은 제목
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

참고: 브라우저는 제목 앞뒤에 자동으로 공백(여백)을 추가.
제목은 정말 중요하다
검색 엔진은 제목을 사용하여 웹 페이지의 구조와 콘텐츠를 색인화함.
사용자는 종종 제목을 보고 페이지를 훑어보기 때문에 제목을 사용하여 문서의 구조를 보여주는 것이 중요하다.
<h1><h2>제목은 주요 제목에 사용하고, 그 뒤에 일반 제목, 중요도가 낮은 제목 <h3>순 으로 사용해야 함.
예를 들어:
- <h1>- 페이지 제목
- <h2>- 섹션 제목
- <h3>- 하위 섹션
<h1>Travel Guide</h1>
<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>
<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>

팁: 페이지당 하나만 사용 <h1>. 이는 주요 주제 또는 제목을 나타냄.
참고: HTML 헤더는 제목으로만 사용. 텍스트를 크게 하거나 굵게 표시하기 위해 헤더를 사용하지 말 것. 크기를 작게 크게는 조절 가능함.
더 큰 제목
각 HTML 제목에는 기본 크기가 있음. 하지만 styleCSS font-size속성을 사용하여 특정 제목의 크기를 지정할 수도 있음
<h1 style="font-size:60px;">Heading 1</h1>
HTML 태그 참조
태그 참조에는 이러한 태그와 해당 속성에 대한 추가 정보가 포함되어 있음.
| Tag | Description |
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
'HTML' 카테고리의 다른 글
| html 8. 스타일 (0) | 2026.05.25 |
|---|---|
| html 7. 단락, 줄바꿈 차이 <p></p> or <br> (0) | 2026.05.25 |
| html 5. 속성 (0) | 2026.05.25 |
| html 4. 요소 (0) | 2026.05.25 |
| html 3. 기본 예제 실습 (0) | 2026.05.25 |