HTML은 웹 페이지에 제목(헤딩)을 만들기 위해 총 6개의 태그를 제공합니다. 바로 <h1>, <h2>, <h3>, <h4>, <h5>, <h6>입니다.
각 헤딩 태그는 서로 다른 크기와 굵기로 제목을 표시하며, 숫자가 작을수록 더 크고 중요한 제목으로 렌더링됩니다. 즉, <h1>은 페이지에서 가장 중요한 최상위 제목을 정의하고, <h6>은 가장 낮은 수준의 부제목을 정의합니다.
참고: 헤딩 태그는 반드시 <body>...</body> 태그 사이에 작성해야 합니다. 또한 검색 엔진 최적화(SEO) 관점에서도 문서 구조에 맞게 <h1>부터 순서대로 사용하는 것이 좋습니다.
예제
아래 코드를 실행하면 HTML 페이지에서 서로 다른 크기의 제목이 어떻게 표시되는지 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML Headings</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>실행 결과
코드를 실행하면 <h1>부터 <h6>까지 크기가 점점 작아지면서 여섯 단계의 제목이 화면에 출력되는 것을 확인할 수 있습니다.
