[HTML 태그들] #2 문단과 줄바꿈(p,br)

p태그는 paragraph에서 파생되었으며 HTML에서 문단을 나누는 역할을 합니다.

사용법은 대부분의 태그들처럼 열리는 태그와 닫히는 태그가 존재합니다.

 

<p>--내용--</p> 

 

p태그를 여러 개 쓸 경우 다음과 같이 문단을 나눠주는 것을 확인할 수 있습니다.

 

<p>1문단:
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>
<p>2문단:
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>
<p>3문단:
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>

 

 

문단이 잘 나눠지죠?

 

하지만 여기서 문제가 발생합니다. 저는 분명 코드에 줄 바꿈을 해서 썼는데 왜 코드는 줄 바꿈이 아니라 띄어쓰기라고 인식을 할까요?

 

그 이유는 HTML에서 코드상의 줄 바꿈은 인식하지 못하기 때문입니다. 이 문제를 해결하려면 줄 바꿈 태그인 <br> 태그를 써야 합니다.

 

닫히는 태그 없이 <br> 만 써주시면 바로 줄 바꿈이 되는 걸 확인하실 수 있습니다.

 

<p>1문단:<br>
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>
<p>2문단:<br>
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>
<p>3문단:<br>
어쩌고저쩌고저쩔라고어쩌고
저쩌고어쩌고어쩔라고저쩌고</p>

 

오늘은 여기서 마치겠습니다. 감사합니다.