[HTML] div, span, p 태그

 

1. <div> 태그

• division 이라는 뜻으로 html 안에 존재하는 여러 태그들을 묶어주는 주머니 역할
• 큰 단위인 <div>로 묶으면 후에 css로 <div>에 style을 적용하면 <div> 태그 안에 있는 모든 태그들에 적용됨
• <div> 태그 자체로는 시각적인 변화를 나타낼 수 없음
• 'block level element'로 행 전체를 사용

 

<div>
  텍스트 텍스트
</div>

<div>
  텍스트 텍스트 
</div>

 

아래와 같이 화면에 나타난다.

 

 

 

2. <span> 태그

• <div>와 같이 여러 개의 태그들을 묶어주는 역할
• 'inline element'로 content 만큼의 공간만 차지
• <span> 태그 자체로는 시각적인 변화를 나타낼 수 없음

 

 

+ <p> 태그

• 문단
• 상하 margin