HTML의 대표적인 공간 분할 태그: div 태그와 span 태그
| div |
블록 형식으로 공간 분할 |
| span |
인라인 형식으로 공간 분할 |
<div>
<body>
<div style="background-color:beige">1</div>
<div style="background-color:rgb(200,250,230)">2</div>
<div style="background-color:#ddd6">3</div>
<div style="background-color:#6dd">4</div>
<span style="background-color:beige">1</span>
<span style="background-color:rgb(200,250,230)">2</span>
<span style="background-color:#ddd6">3</span>
<span style="background-color:#6dd">4</span>
</body>
| 블록 형식 태그 |
인라인 형식 태그 |
| <div>, <h1>~<h6>, <p>, 목록, 테이블 |
<span>, <a>, <input>, 글자형식태그, 입력양식태그 |
| 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 |
화면에 표시되는 콘텐츠만큼만 영역을 차지 |
