HTML - div 태그

div 태그는 division(분할)을 의미한다. 공간을 여러 개로 나누고 각 공간을 디자인할 때 사용하면 된다.

<div>공간</div>

이렇게 했을 시 아무런 변화가 없다. CSS를 이용해서 색깔, 세로 높이, 가로 길이 등등을 적용할 수 있다.

<div style="background-color: red; height: 200px;">배경 색깔 빨간색으로 조절</div>

배경을 빨간색 그리고 높이를 200px로 적용을 시켜보았다.
자바스크립트를 이용해서 숨겼다가 버튼을 클릭하면 보이게 하게 한다던지 다양한 기능을 작동 시킬 수도 있다.