๋ชฉ๋กHTML์ž…๋ฌธ (1)

๐Ÿ’œ๊ฐœ๋ฐœ๊ณผ ์ผ์ƒ (โ‰ง∇โ‰ฆ)๏พ‰

[html5&css3] 3. ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ

ํ”„๋กœ๊ทธ๋žจ์€ ์‚ฌ๋žŒ์ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๊ณผ ์•„๋‹Œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค. html์€ ์‹œ๊ฐ์ ์ธ ๋ถ€๋ถ„์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๊ณผ ์•„๋‹Œ ๋ถ€๋ถ„์„ ๊ตฌ๋ณ„ํ•˜๋Š”๋ฐ, ์ด๋•Œ ๋ณด์—ฌ์ง€๋Š” ๋ถ€๋ถ„์€ body์ด๊ณ  ๋ณด์—ฌ์ค„ ํ•„์š”๊ฐ€ ์—†๋Š” ๋ถ€๋ถ„์€ head๋ผ๊ณ  ํ•œ๋‹ค. ๋ฌผ๋ก  ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ body head์— ๋Œ€ํ•œ ์ฝ”๋“œ ๊ตฌ๋ณ„์ด ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•Œ์•„์„œ ์ธ์‹ํ•˜๊ธฐ๋„ ํ•˜๋‹ค. 1. ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ 1) head ํƒœ๊ทธ ํ•ด๋‹น ํŽ˜์ด์ง€์˜ ํƒ€์ดํ‹€์„ ์„ค์ •ํ•  ๊ฒฝ์šฐ head์— ์ €์žฅํ•œ๋‹ค. ์ œ๋ชฉ 2) body ํƒœ๊ทธ ์ง์ ‘์ ์œผ๋กœ ํ™”๋ฉด์— ์ถœ๋ ฅ๋˜๋Š” ๋ถ€๋ถ„์„ bodyํƒœ๊ทธ ๋‚ด๋ถ€์— ๋„ฃ๋Š”๋‹ค. ์ด ํŒŒ์ผ์ด html์œผ๋กœ ์ž‘์„ฑ๋œ ํŒŒ์ผ์ž„์„ ์•Œ๋ ค์ฃผ๋Š” ํƒœ๊ทธ์ด๋‹ค. ์ฃผ์„์„ ๋‹ฌ๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ์ด๋‹ค.

web 2020. 8. 15. 16:44