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 |
댓글