๋ค์ด๊ฐ๊ธฐ
HTML ํ์ด์ง์์๋ ํ๊ทธ๋ฅผ ์ฌ์ฉํด ์ฌ์ฉ์์๊ฒ ์์๋ฅผ ๋ณด์ฌ์ค๋ค.
์ด์ HTML5 ํ์ค์์ ์ง์ํ๋ ๊ธฐ๋ณธ ํ๊ทธ๋ฅผ ์ดํด๋ณด์
| ๊ตฌ๋ถ | ํ๊ทธ | ์ค๋ช |
| ๊ธ์ ํ๊ทธ | h1 ~ h6 | ์ ๋ชฉ ๊ธ์ ์์ฑ |
| p, br, hr | ๋ณธ๋ฌธ ์์ฑ | |
| a | ํ์ดํผ๋งํฌ ์์ฑ | |
| b, i, small, sub, sup, ins, del | ๊ธ์ ๋ชจ์ ์ง์ | |
| ๋ชฉ๋ก ํ๊ทธ | ul/ol, li | ์์๊ฐ ์๋/์๋ ๋ชฉ๋ก ์์ฑ, ๋ชฉ๋ก ์์ ์์ฑ |
| ํ ์ด๋ธ ํ๊ทธ | table, tr, th, td | ํ ์์ฑ |
| ๋ฏธ๋์ด ํ๊ทธ | ima, audio, video | ์ด๋ฏธ์ง, ์ค๋์ค, ๋น๋์ค ์ฝ์ |
๐ ๋ชฉ๋ก ํ๊ทธ
ํ๋ ์น ํ์ด์ง์์ ๋น ์ง์ง ์๊ณ ๋ฑ์ฅํ๋ ์์๊ฐ ์๋ค๋ฉด ๋ฐ๋ก ๋ด๋น๊ฒ์ด์ ๋ฉ๋ด์ด๋ค.
- ๋ด๋น๊ฒ์ด์ ๋ฉ๋ด
: ์น ์ฌ์ดํธ์ ๋ค๋ฅธ ์น ํ์ด์ง๋ก ์ด๋ํ ์ ์๋ ๋ฒํผ์ ๋ชจ์๋ ๊ฒ์ด๋ค.
- ๋ชฉ๋ก ํ๊ทธ -
| ํ๊ทธ | ์ค๋ช |
| ul | ์์๊ฐ ์๋ ๋ชฉ๋ก ์์ฑ |
| ol | ์์๊ฐ ์๋ ๋ชฉ๋ก ์์ฑ |
| li | ๋ชฉ๋ก ์์ ์์ฑ |
- ์์ ) ์์๊ฐ ์๋ ๋ชฉ๋ก ๋ง๋ค๊ธฐ -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์์๊ฐ ์๋ ๊ธฐ๋ณธ ๋ชฉ๋ก ๋ง๋ค๊ธฐ</title>
</head>
<body>
<ul>
<li>๊ฐ๊ตฌ</li>
<li>ํจ๋ธ๋ฆญ</li>
<li>๊ฐ์ </li>
</ul>
</body>
</html>
- ์์ ) ์์๊ฐ ์๋ ๊ธฐ๋ณธ ๋ชฉ๋ก ๋ง๋ค๊ธฐ -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์์๊ฐ ์๋ ๊ธฐ๋ณธ ๋ชฉ๋ก ๋ง๋ค๊ธฐ</title>
</head>
<body>
<ol>
<li>๊ฐ๊ตฌ</li>
<li>ํจ๋ธ๋ฆญ</li>
<li>๊ฐ์ </li>
</ol>
</body>
</html>
- ์์ ) ์ค์ฒฉ ๋ชฉ๋ก ๋ง๋ค๊ธฐ -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์ค์ฒฉ ๋ชฉ๋ก ๋ง๋ค๊ธฐ</title>
</head>
<body>
<ul>
<!--์ฒซ ๋ฒ์งธ ๋ชฉ๋ก-->
<li>
<b>์ธํ
๋ฆฌ์ด</b>
<ol>
<li>๊ฐ๊ตฌ</li>
<li>ํจ๋ธ๋ฆญ</li>
<li>์กฐ๋ช
</li>
</ol>
</li>
<!--๋ ๋ฒ์งธ ๋ชฉ๋ก-->
<li>
<b>์ฉํ</b>
<ol>
<li>์ฃผ๋ฐฉ์ฉํ</li>
<li>์ํ์ฉํ</li>
<li>์ํํ</li>
</ol>
</li>
</ul>
</body>
</html>
01. http://www.kyobobook.co.kr/<๋์> HTML5 ์น ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ
HTML5 ์น ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ - ๊ต๋ณด๋ฌธ๊ณ
1. ์น ํ๋ก๊ทธ๋๋ฐ ์ฒซ ๊ฑธ์(1~2์ฅ) ์น๊ณผ HTML5 ํ์ค์ ์ญ์ฌ๋ฅผ ์ดํด๋ณด๊ณ ๊ฐ๋ฐ ํ๊ฒฝ์ ๊ตฌ์ถํฉ๋๋ค. HTML5์ ๊ธฐ๋ณธ ๊ตฌ์กฐ์ ์์ฑ๋ฒ, ๋๋ฒ๊น ๋ฐฉ๋ฒ์ ์์๋ด ๋๋ค.2. HTML5 ํ๊ทธ(3~4์ฅ) HTML5 ๊ธฐ๋ณธ ํ๊ทธ์ ๊ณต๊ฐ ๋ถํ
www.kyobobook.co.kr
