0x14_ HTML Block & Inline Elements

jinwoo park·2020년 5월 25일
0

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에 공통적으로 사용된다.
profile
I am adventurer

0개의 댓글