[html 태그] p태그

p태그의 p는 paragraph의 약자로 뜻 그대로 문단을 나타낼 때 쓰인다.

 

p태그는 기본적으로 block의 성격을 가진 태그로 내부에서 텍스트의 정렬을 위해서는

text-align 속성을 사용해 텍스트 정렬을 한다.

 

1. p태그 사용의 유의점

p태그는 기본적으로 margin의 상하값에 간격이 들어가있다.

그렇기 때문에 css를 초기화하거나 p태그에 margin:0 값을 넣어주지 않았다면

원하는 화면을 출력하지 못할 것이다.

 

그리고 p태그는 블록 요소의 태그이긴해도

p태그 안에(자식요소로) 다른 블록 요소가 들어가지 못한다.

 

그리고 무엇보다 p태그 안에 p태그는 삽입이 불가능하다.

 

<p>
   <h2>제목</h2>  <!-- x -->
   테스트를 위한 텍스트
</p>

<p>
   p태그 안에 또 p태그를..?
   <p>가능할까..??</p>   <!-- x -->
</p>

 

2. p태그의 사용

어떤 경우에는 p태그를 사용해 텍스트를 넣고

또 어떤 경우엔 span태그나 div를 사용해서 텍스트를 넣고

각자의 코딩 방식에 따라 p태그를 사용하는 방식이 조금씩의 차이는 있겠지만

 

p태그는 말 그대로 문단을 위해 사용하는 태그이므로

길이가 긴 문장이나 특정 영역에 대한 설명글 등 문단의 성격을 가진

텍스트를 사용할 때 필요에 맞춰 사용하는 것이 좋다.