본문 바로가기
IT/html

html hr 태그

by 뉴코딩맨 2023. 2. 22.

HTML <hr> 태그는 문단을 구분할 때 사용되며, 수평선을 그리는 태그입니다. "hr"은 "horizontal rule(수평선)"의 약자입니다.

 

<hr> 태그는 빈 요소(empty element)로, 시작 태그만 존재합니다. <hr> 태그를 사용하면 수평선이 문서의 너비에 맞게 그려집니다.

 

<hr> 태그에는 속성을 추가하여 수평선의 스타일, 두께, 높이, 색상 등을 지정할 수 있습니다.

<hr> 태그는 주로 웹 페이지에서 구분을 나타내기 위해 사용되며, 문단, 섹션, 구역 등의 구분을 시각적으로 나타내는데 유용합니다. 수평선의 디자인을 커스터마이징하여 사이트의 디자인에 맞게 꾸밀 수도 있습니다.

 

 

사용법

 

다음은 hr 태그의 사용 예시입니다.

 

<p>첫 번째 단락</p>
<hr>
<p>두 번째 단락</p>

 

위 코드는 수평선이 첫 번째 단락과 두 번째 단락 사이에 추가됩니다.

 

 

hr 태그는 다음과 같은 속성을 가질 수 있습니다.

  • align: 수평선의 위치를 정렬합니다. 값으로 left, right, center를 지정할 수 있습니다.
  • color: 수평선의 색상을 지정합니다.
  • size: 수평선의 높이를 지정합니다.
  • width: 수평선의 너비를 지정합니다.

 

<hr align="center" color="red" size="3" width="50%">

 

위 코드는 수평선을 가운데 정렬하며, 높이는 3으로 너비는 50%로 지정하며, 색상은 red로 지정합니다.

 

'IT > html' 카테고리의 다른 글

html sup sub 태그  (0) 2023.02.22
html br 태그  (0) 2023.02.22
html 블록과 인라인 요소 차이점  (0) 2023.02.21
html5란?  (0) 2023.02.20
html 주석  (0) 2023.02.20

댓글