본문 바로가기

Webstoryboy

Category

Explanation

HTML/Alphabet

<br>

<br> 태그는 텍스트 줄바꿈이 필요할 때 설정합니다.


<br>

<br> 태그는 텍스트 줄바꿈이 필요할 때 설정합니다.

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 미적용(<br />)
버전 HTML4
시각적 표현 -
사용성 ★★★★☆

정의(Definition)

  • <br> 태그는 텍스트 줄바꿈이 필요할 때 사용합니다.
  • 여백이 필요할 때 <br> 태그의 사용은 적절치 않으며, CSS 속성 중에 margin, padding 또는 line-height를 사용합니다.
  • HTML4에서는 <br /> 태그 작성시 슬러시('/')가 필요하지만, HTML5에서는 의무적인 사항은 아니기 때문에 생략도 가능합니다.

비교(Compare)

  • 텍스트 줄바꿈을 원하다면, <br> 태그를 사용합니다
  • 텍스트 줄바꿈 할 지점을 원하다면 <wbr> 태그를 사용합니다.

예제1(Sample)

줄바꿈을 설정하는 예제입니다.

정직은 다른 사람보다 나에게 큰 의미를 부여해야 한다.
자신이 정직하지 않으면 진정으로 원하는 일을 열정적으로 밀고 나갈 수 없다.
마음에서 우러나오는 일을 해야 정직해지며 삶을 더 즐길 줄 알게 된다.
다름 사람에게도 정직해야 하지만 그 무엇보다 나 자신한테 정직해야 한다.

HTML
CSS
SCRIPT
<p>
정직은 다른 사람보다 나에게 큰 의미를 부여해야 한다. <br>
자신이 정직하지 않으면 진정으로 원하는 일을 열정적으로 밀고 나갈 수 없다. <br>
마음에서 우러나오는 일을 해야 정직해지며 삶을 더 즐길 줄 알게 된다. <br>
다름 사람에게도 정직해야 하지만 그 무엇보다 나 자신한테 정직해야 한다.
</p>
//CSS none
//Javascript none

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<br>

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기