H3 (1)
  1. 2010.11.19[HTML 요소] H# 태그 - 제목 구성 방법
[HTML 요소] H# 태그 - 제목 구성 방법

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 태그 적용 내용 미리 보기

 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)