블록 / 인라인 구조

블록 / 인라인 구조

이번 시간은 블록 / 인라인 구조에 대해 알아 보겠습니다.

---

블록 구조

블록 구조는 모든 인라인 구조를 포함할 수 있고 다른 블록 구조도 일부 포함 할 수 있다.
가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 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