p태그, span태그, div태그에 대해서 알아보자~

안녕하세요~~~~~~pm1122dev 입니다. 오늘은 p, div, span 태그에 대해서 알아보겠습니다. 

이게 참 어디에 사용해야 할지도 알고 어떤 용도로 사용하는지도 알지만 설명하는게 참 까다롭네요.

p 태그는 단락, 절을 의미하는 paragraph의 줄임말로 주로 문장에서 사용하는 태그입니다. p태그는 대표적인 block요소 중 하나입니다. 아래 예제를 보면 border가 

전체사이즈로 잡혀있는 것을 볼 수 있는데 이게 block요소의 특징입니다. block요소는 <div>, <p>, <form>, 지난시간에 배운 <h1>~<h6>가 있습니다.

사용방법

안녕하세요 pm1122dev입니다.

예제

안녕하세요 pm1122dev입니다.

뭐 눈으로 보기에는 별 특이한점은 없죠? 

span 태그는 기간, 폭, 너비란 뜻을 가지고 있고, 자신에게 주어진 공간만을 차지하는 태그로 앞의 p태그와는 다른레이아웃을 가지고 있습니다. span태그는 

대표적인 inline요소 중 하나입니다. inline요소에는 <span>, <img>, <a>가 있습니다. 

사용방법

안녕하세요 pm1122dev입니다.

예제

안녕하세요 pm1122dev입니다.

div 태그는 분할하다라는 division의 줄임말로 p태그와 마찬가지로 block요소입니다. 근데 사실 div는 모든 방면에서 사용합니다. 

레이아웃을 구성할 때도 작성하고 content를 구성할때도 사용하고 물론 article태그가 있지만 div를 더 빈번히 사용하기도 합니다. 

사용방법

안녕하세요 pm1122dev입니다.

예제

안녕하세요 pm1122dev입니다.