HTML - 단락, 줄바꿈 넣기

단락으로 줄바꿈 할 때는 <p> 나 <br> 를 사용하고, 스타일 지정에는 <div> 를 많이 사용합니다.

<P> 태그

단락을 넣는 태그입니다. 앞뒤에 줄바꿈이 있는 텍스트를 말합니다. 텍스트가 브라우저 창보다 클 경우 자동으로 줄바꿈이 됩니다.

<P> 내용 </P>

<br> 태그

줄을 바꾸고 싶을 때 사용합니다. 뒤에만 줄바꿈이 되고, 여러 줄을 띄우고 싶을 때는 <br> 태그를 많이 넣어 주세요.

<br>

<div> 태그

줄을 바꾸거나 스타일을 적용하고 싶을 때 사용합니다. <p> 요소 내에서는 사용할 수 없습니다.

<div> 내용 </div>

<wbr> 태그

<wbr> 태그는 줄바꿈이 되었으면 하는 위치에 줄바꿈이 되도록 하는 태그입니다.

한글은 폭에 맞춰 자동으로 줄바꿈이 잘되지만 영어의 경우 공백이 들어간 곳으로 한정되어 있어서 줄바꿈이 잘되지 않습니다.

따라서 줄바꿈이 되었으면 하는 위치에 <wbr> 태그를 넣으면 브라우저 창 크기에 따라 자동으로 줄바꿈이 됩니다.

ab<wbr>cde<wbr>fghi<wbr>jklmn<wbr>opq<wbr>rst<wbr>uvw<wbr>xyz