본문 바로가기
Programming Language/HTML

[HTML] <h> 태그란? (heading)

by 떠농 2022. 1. 11.
반응형

1. <h>태그란 무엇인가?

- <h>..</h>는 heading(페이지나 책에 붙이는 제목)의 약자로, 제목을 표현할 때 사용한다.

 

 

2. <h>태그 사용 예시

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>h태그에 대해 알아보자</title>
</head>
<body>
    <h> h 태그입니다.</h>
    <h1> h1 태그입니다.</h1>
    <h2> h2 태그입니다.</h2>
    <h3> h3 태그입니다.</h3>
    <h4> h4 태그입니다.</h4>
    <h5> h5 태그입니다.</h5>
    <h6> h6 태그입니다.</h6>
    <h7> h7 태그입니다.</h7>
</body>
</html>
cs

 

 

3. <h>태그 사용 결과

h 태그 사용 결과값

h 태그는 별도의 줄바꿈 처리 필요없이 자동으로 줄바꿈이 된다.

<h1>...<h6> 태그는 6가지 단계의 섹션 제목을 나타낸다.

숫자가 커질수록 글씨가 작아지는 것을 볼 수 있다.

 

 

4. <h>태그 사용시 주의사항

1) 하나의 HTML페이지에서 'h1태그'는 문서의 가장 큰 제목에 쓰이므로 한번만 사용한다.

2) 'h 태그'는 제목을 나타내는 코드이기 때문에 문단의 처음에 배치하고, 꾸미기에는 사용하지 않는다.

3) HTML 페이지에서 'h태그'는 '1~6'까지 순차적으로 사용하는 것을 권장한다.

반응형

댓글