HTML์ Hyper Text Markup Language ์ฝ์ด๋ก,
์น ํ์ด์ง์์ ๋ค๋ฅธ ํ์ด์ง๋ก ์ด๋ํ ์ ์๋ ๊ธฐ๋ฅ์ ๊ฐ์ง ๋ฌธ์๋ฅผ ๋ง๋๋ ์ธ์ด์ด๋ค.
Hyper Link ์์คํ
์ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ,
ํํ ๋งํ๋ ์น ํ์ด์ง๋ฅผ ์ํ Markup ์ธ์ด๋ผ๊ณ ํ ์ ์๋ค.
HTML์ ์ฝํ
์ธ ์ ์๋ฏธ๋ฅผ ์ค๋ช
ํ๋๋ฐ ์ ์ผํ ๋ชฉ์ ์ ๊ฐ์ง๊ณ , ๊ตฌ์กฐ์ ์ค๊ณ๋ผ๊ณ ํ ์ ์๋ค.
HyperLink
: ์ฌ์ดํธ์ฃผ์(url)๋ฅผ ์ง์ ์ ๋ ฅํ์ง์๊ณ ์น ๋ฌธ์์์ ๋ค๋ฅธ ์น ๋ฌธ์๋ก ์ด๋ํ ์ ์๋ ๊ธฐ๋ฅ์ ๋งํจ.
์นํ์ด์ง
: ์น ์์ ์๋ ๊ฐ๊ฐ์ ๋ฌธ์๋ฅผ ๋งํจ.
1. HTML๋ฌธ์ํ์
HTML์ ๋ฌธ์ํ์
์ด๋ผ๋ ๊ฒ์ด ๋ฐ๋์ ํ์ํ๋ฐ,
๋ฌธ์ ํ์
์ DTD(DOCTYPE or Document type Definition)๋ผ๊ณ ํ๋ฉฐ
DTD๋ ๋ฐ๋์ HTML๋ฌธ์์ ์ต์๋จ์ ์์นํด์ผํ๋ค.
๐
DTD์ ์๋ฅผ ์๋ตํ๋ ๊ฒฝ์ฐ ์น ๋ธ๋ผ์ฐ์ ๊ฐ ํ์ค๋ชจ๋๊ฐ ์๋ ๋นํ์ค๋ชจ๋๋ก ๋ ๋๋ง๋์ด
ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ ์ด๋ ค์์ด ์์ ์ ์์ผ๋ ์ฃผ์๋ฐ๋
ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง
: ์ต๋ํ ๋๋ฑํ ์์ค์ ์ ๋ณด, ๊ธฐ๋ฅ ์ ๊ณต์ ์ฐ์ ์ผ๋ก ๋ณด์ฌ์ค
2. htmlํ๊ทธ
๋ฌธ์ ํ์
๋ค์์ htmlํ๊ทธ๊ฐ ์ฐ์ด๋๋ฐ htmlํ๊ทธ ์์๋ head์ body๋ก ํฌ๊ฒ ๋๋๋ค.
headํ๊ทธ ์์๋ ์ฝํ
์ธ ๋ฅผ ํํํ๊ธฐ ์ํ ๋ด์ฉ(meta,title, link๋ฑ)๋ค์ ํฌํจํ๋ฉฐ,
bodyํ๊ทธ ์์๋ ์น ํ์ด์ง์ ํํ๋๋ ์ฝํ
์ธ ๋ฅผ ์์ฑํ๊ฒ๋๋ค.
meta
: ๋ธ๋ผ์ฐ์ ์ ๊ฒ์์์ง์๊ฒ ํด๋น ๋ฌธ์๊ฐ ์ด๋ค ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์๋ ์ง ์๋ ค์ฃผ๋ ๊ฒ
title
: ๋ฌธ์์ ์ ๋ณด๋ฅผ ๋ธ๋ผ์ฐ์ ์ ํ์ํ๋ ๊ฒ
link
: ์ธ๋ถํ์ผ์ ํ์ํ๋ ๊ฒ
๐ ๋ง๋ฌด๋ฆฌ
'HTML ๊ด์ฐฎ๋ค' ๋ผ๊ณ ๋๋ ์๊ฐ.