[HTML] 3. HTML 제목 태그 정리

Mar 06, 2025


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>#</h1>
    <h2>##</h2>
    <h3>###</h3>
    <h4>####</h4>
    <h5>#####</h5>
    <h6>######</h6>
</body>
</html>

💡

HTML에서는 문서의 제목(heading)을 나타낼 때<h1>부터<h6>까지의 태그를 사용한다.

각 태그는 중요도와 크기에 따라 자동으로 스타일이 적용된다.

제목 태그의 역할과 특징

태그	크기	역할 및 사용 예시
`<h1>`	가장 큼	문서의 최상위 제목 (페이지 제목)
`<h2>`	`<h1>`보다 작음	주요 섹션 제목
`<h3>`	`<h2>`보다 작음	하위 섹션 제목
`<h4>`	`<h3>`보다 작음	세부 제목
`<h5>`	`<h4>`보다 작음	추가적인 소제목
`<h6>`	가장 작음	덜 중요한 제목

HTML

[HTML] 3. HTML 제목 태그 정리

백하림

Mar 06, 2025


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>#</h1>
    <h2>##</h2>
    <h3>###</h3>
    <h4>####</h4>
    <h5>#####</h5>
    <h6>######</h6>
</body>
</html>

💡

HTML에서는 문서의 제목(heading)을 나타낼 때<h1>부터<h6>까지의 태그를 사용한다.

각 태그는 중요도와 크기에 따라 자동으로 스타일이 적용된다.

제목 태그의 역할과 특징

태그	크기	역할 및 사용 예시
`<h1>`	가장 큼	문서의 최상위 제목 (페이지 제목)
`<h2>`	`<h1>`보다 작음	주요 섹션 제목
`<h3>`	`<h2>`보다 작음	하위 섹션 제목
`<h4>`	`<h3>`보다 작음	세부 제목
`<h5>`	`<h4>`보다 작음	추가적인 소제목
`<h6>`	가장 작음	덜 중요한 제목