줄바꿈: br vs p

새로운 줄을 표현할 때: br

사용 예시:

<p>To force<br> line breaks<br> in a text,<br> use the br<br> element.</p>

보여지는 것:

To force
line breaks
in a text,
use the br
element.

 

 

 

<br><br><br> 을 사용하면 단락처럼 사용할 수 있음.

단순히 줄바꿈이라는 시각적인 의미를 가지고 있기 때문에 닫지 않음

---

단락 표현할 때: p

사용예시:

<p>This is some text in a paragraph.</p>

보여지는 것:

This is some text in a paragraph.

열리는 태그와 닫히는 태그가 존재한다. <p></p>

---

p 사용할 때 의미있는 단락을 만들어낼 수 있다.
p 단점: 정해져 있는 여백만큼 벌어지기 때문에 자유도가 떨어지게 된다. 하지만 우리에겐 css가 있음!

css 예시)
<p style="margin-top:40px">
로 사용하면 정교하게 제어할 수 있다.