HTML Introduction - swkim0128/PARA GitHub Wiki


type: HTML/CSS archive: false

HTML ํŽ˜์ด์ง€ ๊ธฐ๋ณธ


HTML(HyperText Markup Language) ์›น ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ํƒœ๊ทธ ์–ธ์–ด.

<!DOCTYPE html>
<!-- ์ด ๋ถ€๋ถ„์€ ์ฃผ์„๋ฌธ์ž…๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ์ฃผ์„์„ ํ™”๋ฉด์— ์ถœ๋ ฅํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. -->
<html>
	<head>
		๋ฌธ์„œ ์ œ๋ชฉ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ, CSS ์Šคํƒ€์ผ ์ •์˜, ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ ์ •์˜
	</head>
	<body>
		๋ฌธ์„œ์˜ ๋ณธ๋ฌธ ํ…์ŠคํŠธ, ์ด๋ฏธ์ง€, ํ…Œ์ด๋ธ”, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ, ๋™์˜์ƒ ๋“ฑ
	</body>
</html>

HTML5 ๋ฌธ์„œ์ž„์„ ๋ธŒ๋ผ์šฐ์ €์— ์•Œ๋ฆฌ๋Š” ์ง€์‹œ์–ด. ๋ฐ˜๋“œ์‹œ ์ฒซ ์ค„์— ๋‚˜์™€์•ผ ํ•œ๋‹ค.

<!โ€” โ€”>

์ฃผ์„๋ฌธ

ํ—ค๋“œ ๋ถ€๋ถ„

๋กœ ๋‘˜๋Ÿฌ์‹ผ ๋ถ€๋ถ„์œผ๋กœ ๋ฌธ์„œ์˜ ์ œ๋ชฉ, ๋ณธ๋ฌธ์„ ์„ค๋ช…ํ•˜๋Š” ๋ฉ”ํƒ€ ํƒœ๊ทธ๋“ค, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์™€ CSS ์Šคํƒ€์ผ ์‹œํŠธ ๋“ฑ์„ ํฌํ•จํ•˜๋ฉฐ ๋ฌธ์„œ์˜ ๋ณธ๋ฌธ์€ ํฌํ•จํ•˜์ง€ ์•Š๋Š”๋‹ค.

๋ฐ”๋”” ๋ถ€๋ถ„

๋ฌธ์„œ์˜ ๋ณธ๋ฌธ์œผ๋กœ

๋กœ ๋‘˜๋Ÿฌ์‹ผ๋‹ค. ์ด๊ณณ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ํฌํ•จํ•  ์ˆ˜ ์žˆ๋‹ค.

HTML ํƒœ๊ทธ


ํƒœ๊ทธ ๊ตฌ์„ฑ

ํƒœ๊ทธ ์ด๋ฆ„๊ณผ ์—ฌ๋Ÿฌ ์†์„ฑ๋“ค(attribute)๋กœ ๊ตฌ์„ฑ.

์‹œ์ž‘ ํƒœ๊ทธ์™€ ์ข…๋ฃŒ ํƒœ๊ทธ

๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ์‹œ์ž‘ ํƒœ๊ทธ์™€ ์ข…๋ฃŒ ํƒœ๊ทธ๋กœ ๊ตฌ์„ฑ.

<html>...</html>
<title>...</title>
<body>...</body>

ํƒœ๊ทธ์™€ ์†์„ฑ์€ ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ ์—†์Œ

ํƒœ๊ทธ์™€ ์†์„ฑ์€ ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜์ง€ ์•Š๋Š”๋‹ค.

์†์„ฑ ๊ฐ’์— ๋ถˆํ•„์š”ํ•œ ๊ณต๋ฐฑ ๋ฌธ์ž๊ฐ€ ๋“ค์–ด๊ฐ€๋ฉด HTML5 ํ‘œ์ค€์— ์–ด๊ธ‹๋‚จ.

์†์„ฑ ๊ฐ’์— ๋ถˆํ•„์š”ํ•œ ๋นˆ์นธ์„ ์ž‘์„ฑํ•˜๋Š” ์˜ค๋ฅ˜๋ฅผ ๋ฒ”ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.

<img src="heart.jpg" width=" 100" ...>
  • ์†์„ฑ ๊ฐ’์€ ๋ฐ˜๋“œ์‹œ ์ด์ค‘ ์ธ์šฉ ๋ถ€ํ˜ธ("")๋กœ ๋ฌต์ผ ํ•„์š”๋Š” ์—†์ง€๋งŒ ์†์„ฑ ๊ฐ’์— ๋นˆ์นธ์ด ๋“ค์–ด๊ฐ€๋Š” ๊ฒฝ์šฐ ๋ฐ˜๋“œ์‹œ ์ธ์šฉ ๋ถ€ํ˜ธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.
โš ๏ธ **GitHub.com Fallback** โš ๏ธ