HTML5 CSS3/DIV, Box

단락설정하기 태그 <p><pre><div><span>

FabLab 2015. 6. 6. 00:04

HTML Paragraphs TAG <p> <pre>

단락설정하기 태그

 

<p> 는 Paragraphs를 의미한다. 즉, 단락이다.

 

<p> 워드프레스는 잼난다. </p>

<p> 워드프레스는                    잼난다</p>

 

이 단락안에 띄어쓰기가 있는 경우나 있지 않는 경우나 결과물은 똑같다..

즉, 많은 띄어쓰기도 하나의 띄어쓰기로 인식한다.

 

만약 마무리 태그가 </p> 빠져도 어떤 브라우저도 문제없지 표기가 되기는 하나 항상 마무리 닫음 태그는 꼭 넣어야 한다.

 

한 단락 안에서 줄바꿈을 하기 원하는 경우,

<p>This is<br>a para<br>graph with line breaks</p>

중간중간 <br>태그를 사용하면

-------- result -------------

This is

a para

graph with line breaks

----------------------------

처럼 표시가 된다.

 


 

만약 <p>태그 안에서 줄바꿈 등을 코드 없이는 표현되지 않는다.

 

예를 들면

<p>PART</p>
<p>
  CAR.

  TRAIN.

  AIRPLANE.
</p>

이렇게 표기해도

-------- result -------------

PART

CAR. TRAIN. AIRPLANE.
----------------------------

 

만약 html코드에서 쓴 그대로 화면에서 보여지기 원하면<pre>태그 를 사용

 

예를 들면

<p>PART</p>
<pre>
  CAR.

  TRAIN.

  AIRPLANE.
</pre>

이렇게 표기해도

-------- result -------------

PART

CAR.

TRAIN.

AIRPLANE.
----------------------------

이처럼 쓴 그대로 보여진다.