본문 바로가기

웹 프로그래밍/HTML

[HTML] 제목(heading) 태그 <h1>, <h2>, ... , <h6>

h1 태그는 한 문서 내에서 하나만 만드는 것이 좋다.

 

align 속성을 통해, 제목 태그를 정렬할 수 있다.

style 속성을 통해 CSS를 적용할 수도 있다.

 

무색 무취의 div 태그로도 제목태그를 표현할 수 있지만, 편리하게 h 태그를 사용하자.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h1>안녕하세요</h1>
	<h1 style ="background-color: blue;">안녕하세요</h1> <!-- div 태그로 제목태그와 같이 표현 가능 -->
	<h1 align="left">안녕하세요</h1> <!-- left : 디폴트 -->
	<h1 align="right">안녕하세요</h1> <!-- right : 오른쪽 정렬 -->
	<h1 align="center">안녕하세요</h1> <!-- center : 가운데 정렬 -->
	<h2>안녕하세요</h2>
	<h3>안녕하세요</h3>
	<h4>안녕하세요</h4>
	<div>안녕하세요</div>
	<div style="font-weight:bold;">안녕하세요</div>
	<h5>안녕하세요</h5>
	<h6>안녕하세요</h6>
	<h1 align = "center", style = "background-color: green; ">반가운 홈페이지입니다. </h1>
	<div> </div>
	
</body>
</html>