๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ฐœ์ธ๊ณต๋ถ€/HTML5 + CSS3

[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ

by ๐Ÿ‡๋ฐ•๋ด‰๋ด‰๐Ÿ‡ 2020. 6. 2.

 

 

HTML์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ์— ์•ž์„œ

HTML์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ๊ฐ„๋žตํžˆ ์•Œ์•„๋ณด์ž.

 

 


 

 

HTML์€ 'Hyper Text Markup Language'์˜ ์ค„์ž„๋ง๋กœ

'Hyper Text'๋Š” ์›น๋ฌธ์„œ์—์„œ ๋งํฌ๋ฅผ ํด๋ฆญํ•ด ๋‹ค๋ฅธ ๋ฌธ์„œ๋‚˜ ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•˜๋Š” ๊ธฐ๋Šฅ์ด๊ณ 

'Markup'์€ ํƒœ๊ทธ(tag)๋ฅผ ์ด์šฉํ•ด ์–ด๋Š ๊ณณ์ด ๋ณธ๋ฌธ์ด๊ณ  ์ œ๋ชฉ์ธ์ง€ ๊ตฌ๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ํ‘œ์‹œ๋ฅผ ์˜๋ฏธํ•œ๋‹ค.

 

 

HTML์˜ ํ™•์žฅ์ž๋Š” ์›น์— ์ ํ•ฉํ•œ *.html(*.htm)์„ ๋ถ™์—ฌ์„œ ์‚ฌ์šฉํ•œ๋‹ค.

 

๋˜ํ•œ ์›น๋ฌธ์„œ๋Š” ์ผ๋ฐ˜ ํŒŒ์ผ๋“ค๊ณผ๋Š” ๋‹ค๋ฅธ ์ฐจ์ด์ ์ด ์žˆ๋Š”๋ฐ

๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๊ณ  ํ™•์ธํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋™์ผํ•œ ์ผ๋ฐ˜ ํŒŒ์ผ๋“ค๊ณผ๋Š” ๋‹ฌ๋ฆฌ

์›น๋ฌธ์„œ๋Š” ์›น ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ๊ณผ ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋‹ค๋ฅด๋‹ค.

 

์ด๋•Œ ์›น๋ฌธ์„œ๋ฅผ ์ œ์ž‘ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ 'web editor'๋ผ๊ณ  ํ•˜๊ณ 

์›น ๋ฌธ์„œ ๊ฒฐ๊ณผ๋ฅผ ๋ณด๋Š” ํ”„๋กœ๊ทธ๋žจ์„ 'web browser'๋ผ๊ณ  ํ•œ๋‹ค.

 

 


 

 

ํฌ๊ฒŒ ์ค‘์š”ํ•ด ๋ณด์ด์ง€ ์•Š์„์ˆ˜๋Š” ์žˆ์œผ๋‚˜,

HTML์˜ ๊ธฐ๋ณธ์„ ์ดํ•ดํ•˜๋ฉด ๊ณต๋ถ€ํ•˜๋Š”๋ฐ

HTML์˜ ์›๋ฆฌ์— ๋Œ€ํ•ด ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.

 

์žŠ์ง€ ๋ง๊ณ  ๊ธฐ์–ตํ•˜์ž.

 

 


 

 

< ์ฐธ๊ณ  >

Do it! HTML5+CSS3 ์›น ํ‘œ์ค€์˜ ์ •์„

 

 

โ€ป ํ•ด๋‹น ๊ธ€์€ ์Šต๋“ ๋ชฉ์ ์œผ๋กœ ์ž‘์„ฑ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค โ€ป

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€