๐Ÿ“ ์›น ๊ฐœ๋ฐœ/HTML · CSS · JAVASCRIPT

HTML์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ

Yeom.log 2019. 8. 26. 22:21
๋ฐ˜์‘ํ˜•

๊ธฐ๋ณธ์ ์œผ๋กœ HTML์˜ ๊ตฌ์กฐ๋Š” ์ด๋Ÿฐ์‹์œผ๋กœ ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค.

 

ํ•˜๋‚˜ํ•˜๋‚˜์”ฉ ํƒœ๊ทธ๋“ค์„ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

 

<!DOCTYPE html> : ์ด ํƒœ๊ทธ๋Š” HTML5๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋Š”๊ฒƒ์„ ๋ธŒ๋ผ์šฐ์ €์— ์•Œ๋ ค์ฃผ๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค.

html : ์ด ํƒœ๊ทธ๋Š” ์ „์ฒด html ๋ฌธ์„œ๋ฅผ ๊ฐ์‹ธ๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค.

head : ์ด ํƒœ๊ทธ๋Š” html ๋ฌธ์„œ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. ์ด ํƒœ๊ทธ๋Š” html ํƒœ๊ทธ ๋ฐ”๋กœ ๋ฐ‘์— ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

body : ์ด ํƒœ๊ทธ๋Š” html ๋ฌธ์„œ์—์„œ ์‹ค์ œ์ ์œผ๋กœ ๋ณด์—ฌ์ง€๋Š” ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. ์ด ํƒœ๊ทธ๋Š” html ํƒœ๊ทธ ์•„๋ž˜ , head ๋‹ค์Œ์— ์œ„์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

title : ์ด ํƒœ๊ทธ๋Š” head ์•ˆ์— ๋“ค์–ด๊ฐ€๋Š” ํƒœ๊ทธ๋กœ ์ œ๋ชฉ์„ ํ‘œ์‹œํ•ด์ฃผ๋Š” ํƒœ๊ทธ ์ž…๋‹ˆ๋‹ค.

meta : ์ด ํƒœ๊ทธ๋Š” ๋ฌธ์„œ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

charset="utf-8"์ด๋ผ๊ณ  ํ•œ ์ด์œ ๋Š” ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ํ•œ๊ธ€ ์ธ์ฝ”๋”ฉ์„ UTF-8๋กœ ์„ค์ •ํ•˜๋ผ๊ณ   ์•Œ๋ฆฝ๋‹ˆ๋‹ค.

 

 

 

๋ฐ˜์‘ํ˜•