2010. 11. 19. 21:20웹이야기/웹/HTML
H#(H1 ~ H6) 태그 요소 설명
H# 태그는 문서에서 일반적으로 본문의 제목(Heading)을 지정하기 위해 사용하며, H1에서 H6까지 전부 6개의 항목이 있습니다. 기본적으로 볼드(Bold)체가 적용되고 H1이 가장 큰 제목을 나타내며, 가장 큰 글자로 표시합니다. 작성 시에는 body의 시작과 body 끝 사이에 포함되어야 하고 필요에 의해 여러 개의 제목으로 사용이 가능합니다.
H1 태그의 출현 횟수에 대해 HTML과 XHTML의 권고안에서 특별히 언급하지는 않지만, H1 태그는 그 문서의 큰 제목(타이틀)을 나타내기 때문에 원칙적으로 하나의 문서에 한 번만 지정해야 합니다. 하지만, H1 태그는 여러 섹션으로 이루어진 문서에는 여러 개의 H1 태그가 들어갈 수도 있습니다.
H1 ~ H6 태그 요소를 활용한 제목 구성 방법
보이는 글씨(폰트)의 크기(큰 크기 우선순위로 나열): [가장 큼] h1 > h2 > h3 > h4 > h5 > h6 [가장 작음] 위의 값은 기본 크기 값이며, Style Sheet(CSS)를 이용하여 사용자 임의의 글씨 크기로 수정할 수 있습니다.
다음과 같이 <body> 와 </body> 사이에 작성해야하며, <h1> 제목 </h1> 과 같이 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<title>view IT - http://viewit.kr</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Heading 1 - h1 제목이 나타납니다.</h1>
<h2>Heading 2 - h2 제목이 나타납니다.</h2>
<h3>Heading 3 - h3 제목이 나타납니다.</h3>
<h4>Heading 4 - h4 제목이 나타납니다.</h4>
<h5>Heading 5 - h5 제목이 나타납니다.</h5>
<h6>Heading 6 - h6 제목이 나타납니다.</h6>
</body>
</html>
H1 ~ H6 태그 적용 내용 미리 보기
'웹이야기 > 웹/HTML' 카테고리의 다른 글
| 파이어폭스(Firefox) 주소 명령 체계 (0) | 2011.07.14 |
|---|---|
| [폰트] 세리프(Serif)와 산세리프(Sans-Serif)의 차이점 (0) | 2010.12.20 |
| [HTML] HTML 문자 엔티티 및 ISO-8859-1 문자 세트 (0) | 2010.12.16 |
| [HTML 요소] meta 태그 - 웹 브라우저 렌더링 설정 (0) | 2010.12.16 |
| 구글 크롬(Google Chrome) 주소 명령 체계 (0) | 2010.12.16 |
Comment, Trackback