Grouping Contents ๊ทธ๋ฃนํ ๊ด๋ จ ์์๋ ์๋์ ๊ฐ๋ค. > `, , ` > `, , ` > `` > `, ` > `` > `` > `` > `` > `` `, , `
Content categories (์ปจํ ์ธ ์นดํ ๊ณ ๋ฆฌ) > HTML5 ์ด์ ์๋ HTML ํ๊ทธ ์์๋ฅผ inline(์ธ๋ผ์ธ) ์์์ block(๋ธ๋ก) ์์๋ฅผ ๊ตฌ๋ถํ๋ ์ ๋๋ก๋ง ๋ถ๋ฅํ์๋ค. > HTML5 ์ดํ๋ถํฐ๋ ์์๋ณ๋ก ๊ณตํต ํน์ฑ์ ๊ณต์ ํ๋ ๊ฒ๋ผ๋ฆฌ ๊ทธ๋ฃนํํ์ฌ ์นดํ ๊ณ ๋ฆฌ๋ฅผ
HTML์ ๊ธฐ์ด HTML๊ณผ CSS ๋? HTML์ Hyper Text Markup Language์ ์ฝ์์ ๋๋ค. ์ฌ๊ธฐ์ Hyper Text(ํ์ดํผํ ์คํธ)๋ ๋งํฌ๋ก ์ฐ๊ฒฐ๋ ํ ์คํธ, ๊ทธ๋ฆฌ๊ณ Markup Language(๋งํฌ์ ์ธ์ด)๋ ํ๊ทธ()์ ๊ฐ์ ๊ธฐํธ๋ฅผ ์ด์ฉํด์
absoluterelativefixedtop, left, right, bottomz-indexโถ๏ธ box3์ ๋ถ๋ชจ = html ์ด๋ฏ๋ก ํ๋ฉด ๋งจ์๋ถ๋ถ ์ผ์ชฝ์์ ๋ฐ, ์ค๋ฅธ์ชฝ์ผ๋ก 30px์ฉ ๋จ์ด์ง ๋ถ๋ถ์ ์์น.โถ๏ธ box2(absolute)์ ๋ถ๋ชจ = box1(relativ