[HTML] 공간 태그(div & span)

div & span

태그	설명
div	블록 형식으로 공간 분할
span	인라인 형식으로 공간 분할

div

• 각 태그가 한 행을 차지해서 공간 분활
• style="backgroud-color: 를 사용하여 공간 영역을 눈으로 볼수있게 표현

<div style="background-color: aqua;">div 공간 영역1</div>
<div style="background-color: red;">div 공간 영역2</div>
<div style="background-color: yellow;">div 공간 영역3</div>

div 공간 영역1

div 공간 영역2

div 공간 영역3

SPAN

• 각 태그가 글자 크기만큼 공간 차지 해서 왼쪽에서 오른쪽으로 쌓임
• style="backgroud-color: 를 사용하여 공간 영역을 눈으로 볼수있게 표현

<span style="background-color: greenyellow;">span 공간 영역1</span>
<span style="background-color: yellow;">span 공간 영역2</span>
<span style="background-color: aqua;">span 공간 영역3</span>

span 공간 영역1 span 공간 영역2 span 공간 영역3