[HTML] <div> 태그를 알아보자

참고 → http://egloos.zum.com/xxwony/v/55671

[HTML] div 태그를 알아보자 

div 태그는 html을 하면서 많이 사용하거나 보는 태그입니다.

div는 레이아웃을 잡는다는 생각으로 많이 알고있는데 맞는 말입니다.

div 태그는 영역을 지정하며 단순히 영역만을 지정하기도 하고

<div>

글씨

</div>

지정된 영역에 다른 스타일을 삽입 할 수 있습니다.

<div style="background: red";>

글씨

</div>

위처럼 다른 색의 스타일을 지정할 수도 있고, 가로(width) 세로(height) 크기나 설정 및 영역 안쪽 여백도 설정(padding) 가능합니다.

태두리(border)도 설정가능하고, 바탕 색상까지 설정가능합니다. 이보다 더 많은 기능이 있습니다.

<div style=" width: 숫자px ; height: 숫자px>

padding: 30px  20px  30px  20px ;

border: 선굵기(숫자px)   선종류   선색상 " >

<div style="

background: 색상이름 또는 #000000 같은 색상코드 ;

">