반응형
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 태그는 별도의 줄바꿈 처리 필요없이 자동으로 줄바꿈이 된다.
<h1>...<h6> 태그는 6가지 단계의 섹션 제목을 나타낸다.
숫자가 커질수록 글씨가 작아지는 것을 볼 수 있다.
4. <h>태그 사용시 주의사항
1) 하나의 HTML페이지에서 'h1태그'는 문서의 가장 큰 제목에 쓰이므로 한번만 사용한다.
2) 'h 태그'는 제목을 나타내는 코드이기 때문에 문단의 처음에 배치하고, 꾸미기에는 사용하지 않는다.
3) HTML 페이지에서 'h태그'는 '1~6'까지 순차적으로 사용하는 것을 권장한다.
반응형
'Programming Language > HTML' 카테고리의 다른 글
| [HTML] 이미지에 링크 삽입하기(이미지 태그에 링크 삽입하기) (1) | 2022.12.07 |
|---|---|
| [HTML] <img> 태그란? (image) (0) | 2022.12.07 |
| [HTML] <a>태그란? (anchor) (0) | 2022.12.05 |
| [HTML] <p> 태그란? (paragraph) (0) | 2022.01.11 |
| [HTML] html이란? (html 개념 및 기본 구조) (0) | 2022.01.11 |
댓글