블록 / 인라인 구조
이번 시간은 블록 / 인라인 구조에 대해 알아 보겠습니다.
블록 구조
블록 구조는 모든 인라인 구조를 포함할 수 있고 다른 블록 구조도 일부 포함 할 수 있다.
가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용해
형태를 변형하여 레이아웃을 수정할 수 있으며, 블록 구조 다음에는 줄바꿈이 이루어 질 수 있다.
블록 구조 종류 |
---|
address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, table, ul, video |
인라인 구조
인라인 구조는 인라인 구조안에 다른 인라인 구조가 포함될 수 있다.
기본적으로 컨텐츠가 끝나는 지점까지를 넓이로 가지게 되며, 그로 인해 임의로 width, height로
변형을 줄 수가 없다. 또한, 인라인 요소 다음에는 줄바꿈이 이루어 질 수 없다.
인라인 구조 종류 |
---|
a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, small, script, select, span, strong, sub, sup, textarea, tt, var |
'HTML' 카테고리의 다른 글
구조 관련 요소 (5) | 2022.08.16 |
---|---|
웹 (표준/접근성/호환성) (7) | 2022.08.08 |
댓글