Old/HTML

02_줄바꿈 태그

깨꾹2 2018. 10. 15. 13:51

1. <br>

br 태그는 'break'의 약자로 줄바꿈을 할 때 사용된다.

Enter키와 같은 역할로 <br>로 사용한다.

<br>은 여는 태그는 있지만 닫는 태그(</br>)은 존재하지 않기 때문에 사용시 <br>로 사용해도 문제는 없지만 <br/>로 사용하는것이 더 가독성을 좋게 만든다. 


2.<p>

p는 'paragraph'의 약자로 문단을 표현할때 사용한다. <p>로 열어서 사용하고 </p> 문단이 끝나면 닫는다. <p> 태그로 문단을 감싸면 문단 위와 아래에 작은 공백이 생긴다.


* html은 태그를 이용하지 않으면 줄바꿈을 인정하지 않기때문에 <p>와 <br>을 사용해야한다.

* html은 공백을 한 글자만 허용하기 때문에 여러 공백을 표기하고 싶으면 '&nbsp;'(공백문자)을 사용해야 한다.







<p> 태그로 묶여진 문장은 하나의 문단으로 취급되어 첫번째 문단과 두번째 문단 사이에는 줄바꿈 태그가 없음에도 불구하고 작은 공백이 생긴것을 확인 할 수 있다.(실제로 줄바뀜 된것이 아닌 보기에만 줄을 바꾼것 같은 느낌)


<br/> 태그를 사용해서 줄을 바꾸고 한눈에 볼수 있게 mark 태그를 사용했다.


엔터를 친것처럼 줄이 바뀐것을 확인 할 수 있다.


'Old > HTML' 카테고리의 다른 글

04_Table의 colspan과 rowspan  (0) 2018.10.15
03_Table  (0) 2018.10.15
01_Expression 예제  (0) 2018.10.15
03_Hello HTML!  (0) 2018.10.11
02_Visual studio code 사용하기  (0) 2018.10.11