HTML Introduction - swkim0128/PARA GitHub Wiki
HTML(HyperText Markup Language) ์น ๋ฌธ์๋ฅผ ์์ฑํ๋ ํ๊ทธ ์ธ์ด.
<!DOCTYPE html>
<!-- ์ด ๋ถ๋ถ์ ์ฃผ์๋ฌธ์
๋๋ค. ์น ๋ธ๋ผ์ฐ์ ๋ ์ฃผ์์ ํ๋ฉด์ ์ถ๋ ฅํ์ง ์์ต๋๋ค. -->
<html>
	<head>
		๋ฌธ์ ์ ๋ชฉ, ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋, CSS ์คํ์ผ ์ ์, ๋ฉํ ๋ฐ์ดํฐ ์ ์
	</head>
	<body>
		๋ฌธ์์ ๋ณธ๋ฌธ ํ
์คํธ, ์ด๋ฏธ์ง, ํ
์ด๋ธ, ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋, ๋์์ ๋ฑ
	</body>
</html>
HTML5 ๋ฌธ์์์ ๋ธ๋ผ์ฐ์ ์ ์๋ฆฌ๋ ์ง์์ด. ๋ฐ๋์ ์ฒซ ์ค์ ๋์์ผ ํ๋ค.
<!โ โ>
์ฃผ์๋ฌธ
ํค๋ ๋ถ๋ถ
๋ก ๋๋ฌ์ผ ๋ถ๋ถ์ผ๋ก ๋ฌธ์์ ์ ๋ชฉ, ๋ณธ๋ฌธ์ ์ค๋ช ํ๋ ๋ฉํ ํ๊ทธ๋ค, ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋์ CSS ์คํ์ผ ์ํธ ๋ฑ์ ํฌํจํ๋ฉฐ ๋ฌธ์์ ๋ณธ๋ฌธ์ ํฌํจํ์ง ์๋๋ค.๋ฐ๋ ๋ถ๋ถ
๋ฌธ์์ ๋ณธ๋ฌธ์ผ๋ก
๋ก ๋๋ฌ์ผ๋ค. ์ด๊ณณ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ํฌํจํ ์ ์๋ค.ํ๊ทธ ๊ตฌ์ฑ
ํ๊ทธ ์ด๋ฆ๊ณผ ์ฌ๋ฌ ์์ฑ๋ค(attribute)๋ก ๊ตฌ์ฑ.
์์ ํ๊ทธ์ ์ข ๋ฃ ํ๊ทธ
๋๋ถ๋ถ์ ๊ฒฝ์ฐ ์์ ํ๊ทธ์ ์ข ๋ฃ ํ๊ทธ๋ก ๊ตฌ์ฑ.
<html>...</html>
<title>...</title>
<body>...</body>ํ๊ทธ์ ์์ฑ์ ๋์๋ฌธ์ ๊ตฌ๋ถ ์์
ํ๊ทธ์ ์์ฑ์ ๋์๋ฌธ์๋ฅผ ๊ตฌ๋ถํ์ง ์๋๋ค.
์์ฑ ๊ฐ์ ๋ถํ์ํ ๊ณต๋ฐฑ ๋ฌธ์๊ฐ ๋ค์ด๊ฐ๋ฉด HTML5 ํ์ค์ ์ด๊ธ๋จ.
์์ฑ ๊ฐ์ ๋ถํ์ํ ๋น์นธ์ ์์ฑํ๋ ์ค๋ฅ๋ฅผ ๋ฒํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค.
<img src="heart.jpg" width=" 100" ...>- ์์ฑ ๊ฐ์ ๋ฐ๋์ ์ด์ค ์ธ์ฉ ๋ถํธ("")๋ก ๋ฌต์ผ ํ์๋ ์์ง๋ง ์์ฑ ๊ฐ์ ๋น์นธ์ด ๋ค์ด๊ฐ๋ ๊ฒฝ์ฐ ๋ฐ๋์ ์ธ์ฉ ๋ถํธ๋ฅผ ์ฌ์ฉํด์ผ ํ๋ค.