[HTML] <div> 태그

div 태그는 분할하는 역할을 한다.

div 태그 같은 경우는 header, side-bar, main-body, footer 등등 위치를 지정하고
각각 독립된 영역을 지정해주는 엘리먼트이다.

<div> header </div>
<div> side-bar </div>
<div> main-body </div>
<div> footer</div>

라고 했을 때 각각 독립적인 영역이 지정된 것이고
css를 이용해서 스타일을 주면 된다.

div의 특징으로는 

<div> 내용</div><div> 내용</div>

이렇게 썻을때
`내용내용`
이런 식으로 출력되는 것이 아닌
내용
내용
이런 형식으로 출력이 된다.

css로 스타일을 지정해주지 않는 이상
div는 width의 전체를 차지하고, 내용이 없는 부분에는 margin으로 채워져서
내용
내용
형식으로 출력되게 되는 것이다.