본문으로 건너뛰기
실습하기

br, hr 태그

br 태그는 웹 페이지에 줄바꿈(line-break)을, hr 태그는 수평선을 만듭니다.


1. <br> 태그

  • <br> 태그는 "Break"의 약자로, 웹 페이지에 줄바꿈을 만듭니다. 예를 들어 시와 같은 텍스트를 입력할 때, 각 구절을 새로운 줄에서 시작하게 하려면 <br>을 사용합니다.

  • <br> 태그는 텍스트 편집 시 'Enter' 키를 누르는 것과 같습니다.


br 태그 사용 예시

br 태그 예시
<p>첫 번째 줄<br />두 번째 줄</p>

주의사항

<br> 태그는 닫는 태그가 없습니다. 문서에서 줄을 바꾸고 싶은 곳에 <br> 또는 <br/>을 삽입하면 됩니다.

<br><br/>은 동일한 태그이지만, HTML5에서는 <br>을 사용하는 것을 권장합니다.


2. <hr> 태그

  • <hr> 태그는 "Horizontal Rule"의 약자로, 웹 페이지에 수평선을 만듭니다. 주로 내용이 바뀌는 지점이나 다른 섹션으로 넘어갈 때 영역을 시각적으로 구분합니다.

예시

hr 태그 예시
<p>단락 1</p>
<hr />
<p>단락 2</p>

주의사항

<hr> 태그도 <br> 태그처럼 닫는 태그가 없으며, CSS로 선의 굵기나 색상을 변경할 수 있습니다.

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!