HTML - 제목을 나타내는 h요소

웹언어/HTML 2017. 4. 30. 18:55

HTML - 제목을 나타내는 h요소

이전글 :

HTML이란? - http://server-talk.tistory.com/1

HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101

HTML - 문법과 주의사항 - http://server-talk.tistory.com/102

HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103

HTML - <br>태그, <p>태그 - - http://server-talk.tistory.com/104

HTML - <div>, <span> 태그 - http://server-talk.tistory.com/105

HTML 기본구조 - 시멘틱 태그 - http://server-talk.tistory.com/106

HTML - <a> 다른문서로 이동하는 태그 - http://server-talk.tistory.com/107

HTML - 제목을 나타내는 h 요소

제목을 나타내는 <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 태그에 대해서 알아보겠습니다

h1은 헤드라인(Headline) 1을 줄여서 만든것이며 h1부터 시작해서 h6까지 쓸수 있으며 숫자가 높아질 수록 하위제목이 됩니다.

h1(Heading 1)

일반적으로 h1 태그는 콘텐츠의 타이틀로 활용합니다 h1은 웹사이트 제작시 이미 HTML 안에 포함하여 구성하기 때문에 특별히 사용하는 경우는 없습니다.

h2(Heading 2)

h2 태그는 콘텐츠의 대제목입니다.

주로 가장 큰 문단의 제목으로 사용하며 동일한 수준의 대제목을 사용하기 위해서는 h2 태그를 사용하고, h2 하위 수준의 제목을 사용하기 위해서는 h3 태그를 사용해야 됩니다.

h3(Heading 3)

h3 태그는 h2의 하위 제목을 위해 사용합니다.

h2 태그 다음에 h3가 아닌 h4 이하의 태그를 사용하는 것은 좋지 않은 않습니다.

h4(Heading 4~6)

h4~h6 태그는 많이 사용하지는 않지만 종종사용합니다 h3의 하위 제목으로 사용하여야 합니다.

<h1> ~ <h6> 사용법

<html>
	<head>
		<meta charset="utf-8">
		<title>head h1~h6 태그</title>
	</head>

	<body>
		
		<h1>마크업</h1>
		<h2>HTML 요소</h2>
		<h3>HTML 요소의 일반적인 형태</h3>
		<h4>HTML 요소의 가장 보편적인 형태</h4>
		<h5>데이터 형식</h5>
		<h6>문서 형식 선언</h6>

	</body>

</html>