[HTML5 / CSS3] Block & Inline 요소

HTML요소들은 배치 성격상 크게 Block과 Inline으로 나눌 수 있습니다.

Block요소는 말 그대로 쌓는다는 의미입니다.

a와 b라는 block요소가 있을 때,

A

B

형태로 쌓인다는 것이죠.

Inline요소는 “동일 선상(line) 내(in)에 존재”한다는 뜻입니다.

b와 c라는 Inline요소가 있을 때,

A

B

형태로 쌓이게 됩니다.

아래는 주요 요소들의 분류입니다.

파란색 글씨는 빈번히 쓰이는 요소,

빨간색 글자는 가장 많이 쓰이는 요소로 알아두시면 되겠습니다.

1) 블록 레벨 요소(block-level elements)

address	blockquote	center	dir	div	dl
fieldset	form	h1 ~ h6	hr	isindex	menu
noframes	ol	p	pre	table	ul

2) 인라인 요소(inline elements)

a	abbr	acronym	applet	b	basefont
bdo	big	br	button	cite	code
dfn	em	font	i	iframe	img
input	kbd	label	map	object	q
s	samp	select	small	span	strike
strong	sub	sup	textarea	tt	u
var