<hr>태그 - 수평선 태그

 

 

속성 설명
align 수평선 정렬 (left, right, center)
color 색상
size 굵기 (단위 숫자)
width 가로 길이 ( 단위 %)
noshade 그림자가 없는 평면 수평선 

 

 

 

 

<h>태그 - 헤드라인 태그

1~6 사이의 숫자와 사용하고 글자의 크기를 지정한다.

<h1> 안녕하살법! </h1>

<h6> 안녕하살법! </h6>

 

 

<html>
	<head>
		<title> hr, h 태그 </title>
	</head>
	
	<body>
		<h1> h1은 크다</h1>&nbsp;&nbsp; <h6>h6은 작다 </h6>
		
		<hr width = "50%" color = "blue" align = "center"></hr>

		<h1> 안녕하살법! </h1>
		<h2> 안녕하살법! </h2>
		<h3> 안녕하살법! </h3>
		<h4> 안녕하살법! </h4>
		<h5> 안녕하살법! </h5>
		<h6> 안녕하살법! </h6>
		<h7> 안녕하살법! </h7>
		<h8> 안녕하살법! </h8>
	</body>
</html>

 

 

 

 

  • 책에는 <h1>~<h6>까지 쓴다했지만 궁금하여 <h7>과 <h8>을 해본결과 
  • <h7> = <h4>와 같은 크기로 출력되고 대신에 글씨 두께가 다르게 나온다.
  • 그리고 맨 윗줄의 <h1> h1은 크다 </h1> <h6> h6은 작다 </h6>는
  • 처음에 &nbsp;를 써서 공백을 줘야겠다 생각한 것인데 결과는 조금 다르다.
  • <h>태그는 태그종료가 되면 줄바꿈을 한다. 

 

이 때는 아래의 사진과 같이 &nbsp;를 줄바꿈으로 인식하여 위아래 간격이 늘어난다.