HTML ์ด๋
HTML (Hyper Text Markup Langauge) ๋ ๋ค์ํ ์ ๋ณด๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์ ๋ณด์ฌ์ฃผ๊ธฐ ์ํ ์น ๋ฌธ์๋ฅผ ๋ง๋๋ ์ธ์ด
์ ๋ชฉ, ๋จ๋ฝ, ๋ชฉ๋ก ๋ฑ๊ณผ ๊ฐ์ ๋ณธ๋ฌธ์ ์ํ ๊ตฌ์กฐ์ ์๋ฏธ์ ๋งํฌ, ์ธ์ฉ ๋ฑ ๊ตฌ์กฐ์ ๋ฌธ์๋ฅผ ๋ง๋ค ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ค.
Markup langauge : ๋ฌธ์๊ฐ ํ๋ฉด์ ํ์๋๋ ํ์ ํน์ ํ๊ทธ๋ฅผ ์ด์ฉํด์ ๋ฐ์ดํฐ์ ๋ ผ๋ฆฌ์ ๊ตฌ์กฐ๋ฅผ ๋ช ์ํ๊ธฐ ์ํ ๊ท์น๋ค์ ์ ์ํ ์ธ์ด์ ์ผ์ข
์น ๋ฌธ์๋ฅผ ์์ฑํ๋ ํ๊ทธ ์ธ์ด์ด๋ฉฐ ์น ๋ธ๋ผ์ฐ์ ๋ ํ ๋ฒ์ ํ๋์ HTML ํ์ด์ง๋ฅผ ํ๋ฉด์ ์ถ๋ ฅํ๋ค.
ํ๊ทธ (Tag) ์ ์
HTML์ ๊ตฌ์ฑํ๋ ๊ธฐ๋ณธ ๋จ์์ด๋ฉฐ ๋ณดํธ์ ์ผ๋ก ์ฌ๋ ํ๊ทธ์ ๋ซ๋ ํ๊ทธ๊ฐ ํ ์์ ์ด๋ฃฌ๋ค.
(๋ณดํธ์ ์ธ ๋ด์ฉ์ผ ๋ฟ, ๋ชจ๋ ํ๊ทธ๊ฐ ๋ซ๋ ํ๊ทธ๊ฐ ์กด์ฌํ๋ ๊ฒ์ ์๋๋ค)
ํ์ด์ง ์ถ๋ ฅ์ ๋ชฉ์ ์ ์ ํฉํ ํ๊ทธ๋ก ์์ฑ๋์ด์ง๋ฉฐ ํ๊ทธ์ ์ข ๋ฅ๋ 100์ฌ๊ฐ ์ ๋ ์กด์ฌํ๋ค๊ณ ํ๋ค.
<tag> </tag>
HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ
<!DOCTYPE html>
<html>
<head> </head>
<body> </body>
</html>
HTML๋ฌธ์ ๊ธฐ๋ณธ ๊ตฌ์กฐ๋ฅผ ๋ณด๋ฉด htmlํ๊ทธ ์์ headํ๊ทธ์ bodyํ๊ทธ๋ฅผ ์์ฑํ๊ณ ์๋ค.
๊ฐ์ธ๊ณ ์๋ html์ ๋ถ๋ชจ์์, html์์ ๋ค์ด๊ฐ ์๋ headํ๊ทธ์ bodyํ๊ทธ๋ htmlํ๊ทธ์ ์์์์์ด๋ฉฐ ๋ถ๋ชจ์์์ ์์์์์ ๊ตฌ๋ถ์ ์์ ํญ(tab)ํค๋ฅผ ๋๋ฌ ์ค ๊ฐ๊ฒฉ์ ๋์์ฃผ๋ ๊ฒ์ด๋ค.
์ค ๊ฐ๊ฒฉ ์ ๋ฆฌ๋ฅผ ์ ํ์ง ์์ ๊ฒฝ์ฐ ํ๊ทธ์ฌ์ด์ ๊ด๊ณ๊ฐ ๋ชจํธํด ์์ ์ด ์ด๋ ต๊ณ ํ์ ์ ๋์ฑ ์ด๋ ต๋ค.
์ถ๊ฐ์ ์ผ๋ก headํ๊ทธ์ bodyํ๊ทธ๋ ๊ฐ์ ์ธ๋ ์์๋ก ํ์ ๊ด๊ณ์์๋ผ๊ณ ํ๋ค.
<!DOCTYPE html> <!-- document type html๋ก ์ ์ (html5์์ ์ ์) -->
<html>
<head>
<!-- ๋ฌธ์์ ์ ๋ชฉ, js, css, meta ๋ฐ์ดํฐ -->
</head>
<body>
<!-- ๋ฌธ์ ๋ณธ๋ฌธ, ์ด๋ฏธ์ง, ๋ด์ฉ, ๋์์ ๋ฑ -->
</body>
</html>
- head ํ๊ทธ : ํ์ฌ ๋ณด๊ณ ์๋ html ๋ฌธ์์ ์ ๋ณด๊ฐ ๋ค์ด๊ฐ๋ค. ๋ฌธ์์ ์ ๋ชฉ, meta ๋ฐ์ดํฐ, ์ธ๋ถ ๋ฌธ์ ์ฐ๊ฒฐ, js, css, favicon ์ฆ๊ฒจ์ฐพ๊ธฐ ์์ด์ฝ ์ฐ๊ฒฐ ๋ฑ์ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋ค.
- body ํ๊ทธ : ์ค์ ๋ํ๋จผํธ์ ๋ณด์ฌ์ง๋ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋ฉฐ ๋ฌธ์์ ๋ณธ๋ฌธ, ์ด๋ฏธ์ง, ๋ด์ฉ, ๋์์ ๋ฑ์ด ๋ค์ด๊ฐ๋ค.
html ํ๊ทธ
<html lang="์ธ์ด์ฝ๋"> </html>
html ํ๊ทธ์๋ lang ์์ฑ์ผ๋ก ์ธ์ด์ฝ๋๋ฅผ ์์ฑํจ์ผ๋ก์จ ๋ฌธ์๊ฐ ์ฝํ ๋ ์ด๋ค ์ธ์ด๋ก ์ฝํ์ง๋ฅผ ์ค์ ํด์ค๋ค. (ํ๊ตญํ ์น ์ฝํ ์ธ ์ ๊ทผ์ฑ ์ง์นจ(KWCAG) 2.1์๋ ์นํ์ด์ง์ head ์์ ์์ ํ์ด์ง์ ๊ธฐ๋ณธ ์ธ์ด ์ ์ธ์ ๊ท์ ํ๊ณ ์๋ค.)
ํ๊ตญ์ด | ์์ด | ์ผ๋ณธ์ด | ์ค๊ตญ์ด | ๋ ์ผ์ด | ํ๋์ค์ด | ์คํ์ธ์ด | ๋ฌ์์์ด |
ko | en | ja | zh | de | fe | es | ru |
'๊ฐ๋ฐ ์ด์ผ๊ธฐ > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
HTML - ์น ๊ฐ์ (0) | 2023.06.29 |
---|---|
HTML - ์น ํ์ค (0) | 2023.06.29 |