Every HTML element has a default display value, depending on what type of element it is.
01_ Block-Level Elements
- 블록 레벨 요소는 항상 새 줄에서 시작하고, 이용가능한 full width 값을 차지한다.
02_ 블록 레벨 요소 종류
- address, artice, aside, blockquote, canvas, dd, dl, dt, div, fieldset, figcaption, figure, footer, header, form, h1~h6, p, hr, ul, ol, li, main, nav, noscript, pre, section, table, tfoot, tbody, ,thead, video
03_ Inline Elements
- 인라인 요소는 새 줄에서 시작하지 않고, 컨텐츠를 감쌀수 있는 필요한만큼 길이를 차지한다.
04_ 인라인 요소 종류
- a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, output, q,samp, script, select, small, span, strong, sub, sup, textarea, time, tt, var
05_ div & span
- div 요소는 HTML 요소들의 컨테이너로서 block 단위의 스타일을 만들며, span 요소는 텍스트를 담고 텍스트 단위의 스타일을 줄때 사용된다.
- div와 span 요소는 특별히 어떤 속성이 요구되지 않으며 style, class, id에 공통적으로 사용된다.