05. p태그 _ paragraphs

p태그는 문단을 담는 태그로 p태그 하나당 하나의 챕터로 보시면 됩니다.

각각의 문단을 나눠주는 역할을 합니다.
일반적으로 설명이나 기사 등이 들어가는 부분에 사용합니다.
문단의 스타일을 구성하기 위해 br태그와 pre태그가 쓰이기도 합니다.

p

p태그는 따로 크기를 지정하지 않으면 블록으로 100%를 차지합니다.

<p>hello world! hello world! hello world! hello world!</p>
<p>This is a paragraph</p>
 

hello world! hello world! hello world! hello world!

This is a paragraph

br

html에서는 엔터를 아무리 많이쳐도 줄바뀜이 생기지 않습니다. 스페이스도 딱 한칸만 먹어요.
그럴때 사용하는게 br태그입니다. 줄을 바꿔줍니다.
아래 붉은색줄은 br을 쓰지 않고 코딩했을 경우,
파란색줄은 br을 써서 코딩했을 경우입니다.

<p>
   hello world!
   hello world!
   hello world!
   hello world!
</p>

<p>
   hello world!<br>
   hello world!<br>
   hello world!<br>
   hello world!
</p>
		

hello world! hello world! hello world! hello world!

hello world!
hello world!
hello world!
hello world!

pre

다른 코드를 사용하지 않고 자유롭게 문서작업을 할 수 없을까요?
그럴때 사용하는게 pre태그입니다.
한글이나 워드처럼 엔터와 스페이스 모두 적용됩니다.

<pre>
   hello world!
   hello world!
   hello world!
   hello world!
</pre>
 

hello world!
hello world!
hello world!
hello world!

* 개인적인 공부를 정리하는 블로그입니다.