HTML 줄 바꿈 태그 (<br>)과 수평선 태그 (<hr>)

HTML 줄 바꿈 태그 (<br>)과 수평선 태그 (<hr>)

HTML 문서에서 줄 바꿈과 수평선을 표시하기 위해 <br> 태그와 <hr> 태그가 사용됩니다. 이번 글에서는 각각의 태그의 역할과 사용법에 대해 자세히 알아보겠습니다.

줄 바꿈 태그 (<br>)

<br> 태그는 줄 바꿈을 표시하기 위해 사용됩니다. <br> 태그는 빈 요소(empty element)로서 시작 태그만 존재하며, 닫는 태그가 없습니다. <br> 태그를 사용하면 현재 위치에서 줄을 바꿀 수 있습니다.

아래는 <br> 태그의 사용 예시입니다:

첫 번째 줄<br>
두 번째 줄

위의 예시에서는 "첫 번째 줄"과 "두 번째 줄" 사이에
태그를 사용하여 줄 바꿈을 표시하였습니다.

수평선 태그 (<hr>)

<hr> 태그는 수평선을 표시하기 위해 사용됩니다. <hr> 태그도 빈 요소(empty element)로서 시작 태그만 존재하며, 닫는 태그가 없습니다. <hr> 태그를 사용하면 현재 위치에 수평선을 그릴 수 있습니다.

아래는 <hr> 태그의 사용 예시입니다:

위의 내용은 중요합니다.
<hr>
아래의 내용은 부가적인 정보입니다.

위의 예시에서는 <hr> 태그를 사용하여 "위의 내용은 중요합니다."와 "아래의 내용은 부가적인 정보입니다." 사이에 수평선을 그렸습니다.

마무리

HTML에서 줄 바꿈을 표시하기 위해 <br> 태그를 사용하고, 수평선을 표시하기 위해 <hr> 태그를 사용할 수 있습니다. 이러한 태그들은 웹 페이지의 구조와 가독성을 향상시키는 데에 도움을 줍니다. 적절하게 사용하여 웹 페이지의 레이아웃을 조절해보세요.
다음 글에서는 HTML의 다른 유용한 요소들에 대해 자세히 알아보겠습니다. 기대해주세요!