WEB1 - 9. 줄바꿈 : br vs p

9. 줄바꿈 : br vs p

br 태그 : 줄바꿈 태그

<br>태그는 닫지 않음

• 무언가를 설명하지 않는 태그는 감싸야 하는 콘텐츠가 없기 때문에 태그를 닫지 않는다는 규칙이 있음
  ex) img, input, br, hr, meta 등
• br 태그는 쓰는만큼 줄바꿈이 됨
  <br>
  <br>
  <br>

---

p 태그 : 단락을 표현할 때 쓸 수 있는 태그

<p></p>

• p 태그는 br 태그와 다르게 하나의 단락을 그룹핑할 수 있도록 열고, 닫는 태그가 존재
• 단락과 단락의 간격이 고정되어 있음 > 이 단점을 CSS로 극복할 수 있음

<p style="margin-top:45px;">

위와 같이 p 태그에 style="margin-top:45px"를 추가하면, p 태그 위쪽에 45px 만큼의 여백(margin)이 생깁니다