HTML_04_비슷해 보이는 <p> <div> <span> 태그 차이점

📌 1. < div >

• div 태그는 body 문서 안에서 각 영역의 세션을 구분 정의 한다.
• 구역을 나누는 태그. 가로줄 전체를 다 차지. 너비가 100%

tip : Layout 구조 틀을 만들고 CSS를 통해 위치 및 layer을 구분등 HTML요소의 컨테이너 역활을 한다.
또한 javascript를 통해 특정 작업을 수행하고 여러 유형의 동적인 효과를 줄수도 있다.

---

📌 2. < span >

• 일반적으로 텍스트에 색칠, 크기, 좌우간격을 조절하는데 사용된다.
• css속성 inline 이 자동으로 적용되어있다.

<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.</p>

My mother has blue eyes and my father has dark green eyes.

---

📌 3. < p >

• 문단(paragraph) 텍스트 절을 기재할때 사용된다.
• div랑 거의 같다고 보면 된다. div는 세션 나누기가 목적이고, p는 글자 표현이 목적이다.