Learn HTML 5 Tutorials

5+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

HTML 5 ํŠœํ† ๋ฆฌ์–ผ ๊ฐ€์ด๋“œ๋ฅผ ํ•™์Šตํ•˜์„ธ์š”. HTML์€ ์›น ํŽ˜์ด์ง€์˜ ํ‘œ์ค€ ๋งˆํฌ์—… ์–ธ์–ด์ž…๋‹ˆ๋‹ค. HTML์„ ์‚ฌ์šฉํ•˜๋ฉด ๋‚˜๋งŒ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. HTML์€ ๋ฐฐ์šฐ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ - HTML์— ์ต์ˆ™ํ•˜๋‹ค๋ฉด ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ฑฐ๋‚˜ ๊ธฐ์กด ์›น ํ…œํ”Œ๋ฆฟ์„ ์‚ฌ์šฉ์ž ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

HTML์˜ ๊ธฐ๋ณธ ์‚ฌํ•ญ์„ ๋‹ค๋ฃจ์–ด ์‹œ์ž‘ํ•˜๋Š” ๋ฐ ๋„์›€์„ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์š”์†Œ, ์†์„ฑ ๋ฐ ๊ธฐํƒ€ ์ค‘์š”ํ•œ ์šฉ์–ด๋ฅผ ์ •์˜ํ•˜๊ณ  ์–ธ์–ด์—์„œ ์ด๋Ÿฌํ•œ ์šฉ์–ด๊ฐ€ ์–ด๋””์— ํ•ด๋‹นํ•˜๋Š”์ง€ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ๋˜ํ•œ ์ผ๋ฐ˜์ ์ธ HTML ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ์™€ HTML ์š”์†Œ์˜ ๊ตฌ์กฐ๋ฅผ ์‚ดํŽด๋ณด๊ณ  ๊ธฐํƒ€ ์ค‘์š”ํ•œ ๊ธฐ๋ณธ ์–ธ์–ด ๊ธฐ๋Šฅ์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, ์—ฌ๋Ÿฌ๋ถ„์˜ ํฅ๋ฏธ๋ฅผ ์œ ๋ฐœํ•˜๊ธฐ ์œ„ํ•ด HTML์„ ์ง์ ‘ ์‚ฌ์šฉํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

HTML์ด๋ž€ ๋ฌด์—‡์ผ๊นŒ์š”?
์ž, ์ด์ œ ํ•„์ˆ˜ ์ด๋ก ์— ๋Œ€ํ•œ ์œ ์ผํ•œ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. HTML์„ ์ž‘์„ฑํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๋ ค๋ฉด ๋ฌด์—‡์„ ์ž‘์„ฑํ•˜๊ณ  ์žˆ๋Š”์ง€ ์•„๋Š” ๊ฒƒ์ด ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.
HTML์€ ๋Œ€๋ถ€๋ถ„์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. HTML์€ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ  ๊ธฐ๋Šฅ์ ์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ์ฝ”๋“œ๋ฅผ CSS๋ผ๊ณ  ํ•˜๋ฉฐ, ์ดํ›„ ํŠœํ† ๋ฆฌ์–ผ์—์„œ ์ด์— ๋Œ€ํ•ด ์ค‘์ ์ ์œผ๋กœ ๋‹ค๋ฃจ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ๋””์ž์ธ๋ณด๋‹ค๋Š” ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ฐ€๋ฅด์น˜๋Š” ๋ฐ ์ค‘์ ์„ ๋‘˜ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

HTML์˜ ์—ญ์‚ฌ
HTML์€ ํŒ€ ๋ฒ„๋„ˆ์Šค-๋ฆฌ, ๋กœ๋ฒ„ํŠธ ์นด์ผ๋ฆฌ์•„์šฐ ๋“ฑ์ด 1989๋…„์— ์ฒ˜์Œ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค. HTML์€ Hyper Text Markup Language์˜ ์•ฝ์ž์ž…๋‹ˆ๋‹ค.
ํ•˜์ดํผํ…์ŠคํŠธ๋Š” ๋ฌธ์„œ์— ๋งํฌ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์–ด ์‚ฌ์šฉ์ž๊ฐ€ ๋ฌธ์„œ์˜ ๋‹ค๋ฅธ ์œ„์น˜ ๋˜๋Š” ๋‹ค๋ฅธ ๋ฌธ์„œ๋กœ ๋ฐ”๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์€ HTML5๋กœ ์•Œ๋ ค์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆํฌ์—… ์–ธ์–ด๋Š” ์ปดํ“จํ„ฐ๊ฐ€ ํ…์ŠคํŠธ์˜ ์ฒ˜๋ฆฌ ๋ฐ ํ‘œ์‹œ ๋ฐฉ์‹์„ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด ์„œ๋กœ ํ†ต์‹ ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. HTML์€ ์ด๋ฅผ ์œ„ํ•ด ํƒœ๊ทธ์™€ ์†์„ฑ, ๋‘ ๊ฐ€์ง€๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

ํƒœ๊ทธ์™€ ์†์„ฑ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
ํƒœ๊ทธ์™€ ์†์„ฑ์€ HTML์˜ ๊ธฐ๋ฐ˜์ž…๋‹ˆ๋‹ค.

HTML์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
HTML์˜ ์—ญ์‚ฌ
ํƒœ๊ทธ์™€ ์†์„ฑ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
HTML ํŽธ์ง‘๊ธฐ
์ฒซ HTML ์›นํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ
์ฝ˜ํ…์ธ  ์ถ”๊ฐ€
HTML ๋ฌธ์„œ ๋‹ซ๊ธฐ
๋ฌธ์ œ ํ•ด๊ฒฐ
๋‹ค๋ฅธ HTML ํŠœํ† ๋ฆฌ์–ผ
์ค‘๊ธ‰ ๋ฐ ๊ณ ๊ธ‰ ํŠœํ† ๋ฆฌ์–ผ
HTML ์ฐธ์กฐ ๊ฐ€์ด๋“œ
HTML ์†์„ฑ ์ฐธ์กฐ ๊ฐ€์ด๋“œ
HTML ์š”์•ฝ
HTML.com ๋ธ”๋กœ๊ทธ

๋‘ ๊ฐ€์ง€๊ฐ€ ํ•จ๊ป˜ ์ž‘๋™ํ•˜์ง€๋งŒ ๊ฐ๊ธฐ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๋‘ ๊ฐ€์ง€๋ฅผ ๊ตฌ๋ถ„ํ•˜๋Š” ๋ฐ 2๋ถ„ ์ •๋„ ํˆฌ์žํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 8. 18.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์•ฑ์—์„œ ์ˆ˜์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•
๊ธฐ๊ธฐ ๋˜๋Š” ๊ธฐํƒ€ ID
๋ฐ์ดํ„ฐ๊ฐ€ ์•”ํ˜ธํ™”๋˜์ง€ ์•Š์Œ
๋ฐ์ดํ„ฐ๋ฅผ ์‚ญ์ œํ•  ์ˆ˜ ์—†์Œ