HTML์ด๋ ์น ๋ฌธ์๋ฅผ ๋ง๋๋ ์ธ์ด๋ก, ์น ๋ธ๋ผ์ฐ์ ์ ์ถ๋ ฅ๋๋ ๋ฌธ์ ์์ฑ์ ์ํด ์ฌ์ฉํ๋ ํ์คํ๋ ๋งํฌ์ ์ธ์ด๋ฅผ ์๋ฏธํ๋ค.
HTML ๋ฌธ์๋ ์ผ๋ฐ์ ์ผ๋ก ๋ค์๊ณผ ๊ฐ์ ๊ตฌ์กฐ๋ก ๊ตฌ์ฑ๋๋ค.
<!DOCYTYPE HTML>
<html>
<head>
<title>HTML ๊ธฐ๋ณธ๊ตฌ์กฐ</title>
<meta charset="UTF-8">
</head>
<body>
HTML 5 ๊ตฌ์กฐ๋ฅผ ๊ณต๋ถํฉ์๋ค.
</body>
</html>
<!DOCTYPE HTML>ย :ย HTML5๋ฅผ ์ฌ์ฉํจ์ ๋ธ๋ผ์ฐ์ ์ ์ ์ธํ๋ ์ญํ
<html>ย :ย ์ ์ฒด html ๋ฌธ์๋ฅผ ๊ฐ์ธ๋ ํ๊ทธ๋ก, ์น ๋ฌธ์์ ์์๊ณผ ๋์ ๋ํ๋.
<head>ย : html ๋ฌธ์์ ๋ํย ์ ๋ณด๋ฅผ ๋ํ๋ด๋ ๋ถ๋ถ์ผ๋ก, ์น ๋ฌธ์๋ฅผ ์คํ/ํด์ํ๊ธฐ ์ํด ํ์ํ ์ ๋ณด๋ค์ ๋ธ๋ผ์ฐ์ ์ ์๋ ค์ฃผ๋ ์ญํ ์ ํ๋ค.
<title>ย : head ์์ ๋ค์ด๊ฐ๋ ํ๊ทธ๋กย ์ ๋ชฉ ํ์ ์ค์ ๋ด์ฉ์ ๋ํ๋.

<meta>ย : ๋ฌธ์์ ๋ํ ์ค๋ช
์ ํ์ํ๋ฉฐ, ์ฌ๋์๊ฒ๋ ๋ณด์ด์ง ์๊ณ ๋ธ๋ผ์ฐ์ ๋ง ์ฝ์ ์ ์์.
<body>ย : ์ค์ ๋ก ์น ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ํ๋๋ ๋ด์ฉ
์๋งจํฑ ํ๊ทธ๋ ์ด๋ฆ์ ์๋ฏธ๋ฅผ ๊ฐ์ง๋ ํ๊ทธ๋ฅผ ์๋ฏธํ๋ค. ์ด์ ์๋ ์๋ ๊ทธ๋ฆผ์ ์ผ์ชฝ๊ณผ ๊ฐ์ด ๋ฌธ์ ๊ฐ ์์ญ์ ์๋ฏธ๋ฅผ ๋ถ์ฌํ์ง ์๊ณ , ํ๋์ ํ๊ทธ๋ง์ผ๋ก ๋ชจ๋ ๋ถ๋ถ์ ํํํ๋ค. ๊ทธ๋ฌ๋, HTML5๋ถํฐ๋ ์น ๋ฌธ์์ ๊ฐ ์์ญ์ ์๋ฏธ๋ฅผ ๋ถ์ฌํด ํ๊ทธ๋ง์ผ๋ก ๊ฐ ์์ญ์ ์๋ฏธ๋ฅผ ํ์ ํ ์ ์๋ค.
์ด๋ ๊ฒ ํ๋ฉด ๋ฌธ์ ๊ตฌ์กฐ๊ฐ ๋ช ํํ ๊ตฌ๋ถ๋์ด PC, ๋ชจ๋ฐ์ผ ๋ฑ ๋ค์ํ ํ๋ฉด์์ ์น ๋ฌธ์ ํํ์ด ๊ฐ๋ฅํ๊ณ , ๊ฒ์ ์์ง์ด๋ ํ๋ฉด ๋ญ๋ ๊ธฐ๋ ๊ฐ ์์ญ์ ์ฑ๊ฒฉ์ ์ธ์งํ ์ ์๋ค.

<header> ํ๊ทธ : ์น ํ์ด์ง์ ๋จธ๋ฆฌ๊ธ์ ๋ด๋ ํ๊ทธ