[프론트엔드][html5] 12. 공간분할 <div> (+ block/inline요소)

div

: 웹사이트의 레이아웃을 구성할 때 주로 사용하는 태그

block에 해당하는 태그로 레이아웃 배치 시에 CSS를 활용하여 스타일 적용하여 사용 가능하다.

(CSS 속성들은 CSS 카테고리에서 다루도록 하겠습니다.)

 

 

 

 

block요소 / inline요소

- block : 박스와 같이 쌓이면서 나타나는 성격

              화면 전체를 사용하는 태그이다. => block element

              (div, p, h1~h6, ul, ol, form, table, blockquote 등)

 

- inline : 글자와 같이 나열되며 나타나는 성격

               (width, height, margin 등과 같이 영역에 해당하는 스타일이 적용되지 않는다.)

               화면의 일부를 차지하는 태그이다. => inline level element

               (a, img, span, sub, sup, i, b, em, input 등)