(생활코딩) HTML 줄 바꿈 : <br> vs <p>

"html new line tag"로 줄 바꿈에 대한 태그를 알아보자.

 

<br> : 한 줄을 바꿔준다. (단일 태그)

줄 바꾸고 싶은 곳에 <br>을 삽입한다.

웹 페이지에서 줄이 바뀌어진 것을 확인 할 수 있다.

<br>을 n번 입력할 수록 n줄을 나눠준다.

 

---

"html paragraph tag"로 단락을 나누어 주는 태그를 알아보자

 

<p>단락나눌부분</P> : 단락을 나누어 준다.

단락 부분에 <p>단락 줄 부분</p>을 삽입한다. 

 

웹페이지에 단락이 생긴걸 볼 수 있다.

<p>는 정해진 여백만큼만 단락이 나뉘어진다. 여백을 정하지 않으면 default값으로 여백이 생기고,

여백을 지정해주려면 p태그 안에 <p style="margin:45px">를 입력(px안에 원하는 값 입력)해준다. (여기서부터는 css내용)

 

<p style="margin:45px"> 입력 했을 때 웹페이지 지정 단락 여백이 상하좌우로 45px

태그와 태그사이의 여백=margin 으로 표현하며, margin만 입력시 상하좌우로 45px 떨어진다.

윗부분만 여백을 주고 싶을 때는 <p style="margin-top:45px">를 입력해준다.