
๐๐ปโโ๏ธ ๋ชฉํ: ๋ฉด์ ์ ์ค๋นํ๊ธฐ ์ด์ ์ ์์๋ ๋ด์ฉ๋ค์ ๋ํ ๊ฐ๋ ์ ์ ๋ฆฌํด ๋ณด์.
๐HTML์ ์น๋ธ๋ผ์ฐ์ ์์์ ๋ณด์ฌ์ง๋๋ก ๋์์ธ๋ ๋ฌธ์๋ฅผ ๋งํ๋ค.
์ด ๋ฌธ์๋ ํ์คํ๋ '๋งํฌ์
์ธ์ด'๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค. ๋งํฌ์
์ธ์ด๋ ์ผ๋ฐ์ ์ธ ํ
์คํธ์ ๋ฌธ๋ฒ์ ์ผ๋ก ๊ตฌ๋ถํ๊ธฐ ์ํด์ ๋ฌธ์์ ์ด๋
ธํ
์ดํ
๋ ๊ฒ์ ๋งํ๋ฉฐ, ์ด๋ <ํ๊ทธ> ๋ผ๊ณ ๋ณผ ์ ์๋ค.
HTML์ ์ญ์ฌ๊ฐ ๊ต์ฅํ ๊ธธ๋ค. ๋ธ๋ผ์ฐ์ ์ ์์ด๋ผ๋ ์์์ ๋ณด์๋๊ฐ? ์์ ์๋ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ฐ๋ผ์ผ ํ๋ ์ค์ํ ๋ฃฐ ๊ฐ์ ๊ฒ๋ค์ ๋ฌธ์๋ด์ ๊ธฐ์ ํ์๊ณ , ๋ฒ์ ๋ ๋ฐ๋ก ์ ์ฌ์ผ ํ์๋ค.
์ง๊ธ์ ๊ทธ๋ฌํ ๊ฒ๋ค์ ์์ฑํ์ง ์๋๋ค. ๋ชจ๋ ๋ธ๋ผ์ฐ์ ๊ฐ HTML5๋ฅผ ์ง์ํ๊ธฐ ๋๋ฌธ์ ๊ด์ต์ ์ผ๋ก <!DOCTYPE html> ์ด๋ผ๊ณ ํ๋ฒ๋ง ์ ์ธํ๋ค.
<html> ํ๊ทธ๋ HTML ํ์ผ ์ต์์์ ์๋ ํ๊ทธ์ด๋ค. ๊ทธ๋ฆฌ๊ณ ์ด ์์๋ 2๊ฐ์ง๋ก ๋๋๋ค.
<head> : ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ง๋ UI์ ์์๊ฐ ์๋ค. ์์์ ํ๋ ์ผ์ ๋ค์๊ณผ ๊ฐ๋ค.-๊ตฌ๊ธ์์ ๊ฒ์ํ ๋ ๋์ค๋ ํ์ดํ์ด๋ ๋ถ๊ฐ์ค๋ช
-๋ถ๋งํฌ ์ถ๊ฐํ ๋ ๋์ค๋ ์ ๋ชฉ
-์์ด์ฝ
-ํ์ผ์ฐ๊ฒฐ
(์์ฝ: ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ง๋ ์ ๋ณด๋ ์๊ณ <meta> ๋ฐ์ดํฐ๋ง ์๋ค๊ณ ์๊ฐํ๊ธฐโจ)
<body> : ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ง๋ ๋ด์ฉ์ ๊ตฌ์ฑํ๋ ๊ตฌ๊ฐ์ด๋ค.์ฐ๋ฆฌ๊ฐ HTML์ ๊ณต๋ถํ ๋ ๋นผ๋๊ณ ๋์ด๊ฐ๋ฉด ์๋๋ ๊ฒ์ด W3C์ด๋ค. ์ด ๋จ์ฒด๋ ์น์ ํ์คํ๋ฅผ ์ถ์งํ๋ ๊ณณ์ด๋ค. ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ํ์ฌ๋ค์ด ์ด ๊ณณ์ ๋ชจ์ฌ์ ํ์คํ๋ฅผ ์ถ์งํ๊ฒ ๋๋๋ฐ ์ด ๊ณณ์์ ๋ํ๊ฐ ์ค๊ณ ๊ฐ๋ฉด ๊ทธ ์ดํ๋ก๋ถํฐ ํ๊ทธ๊ฐ ์ญ์ ๋๊ฑฐ๋ ์ถ๊ฐ๋๋ค. ๋ฐ๋ผ์ ๋ง์ ๋ธ๋ผ์ฐ์ ๋ค์ด W3C์์ ์ ํ ํ์ค์ ๋ง๊ฒ ๊ตฌํ๋๋๋ก ๋ฐ๋ผ๊ฐ๋ค.