๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • What would life be If we had no courage to attemp anything?

Language/HTML & CSS2

CSS CSS - ์Šคํƒ€์ผ์„ ์ง€์ •ํ•˜๊ธฐ ์œ„ํ•œ ์–ธ์–ด cascading style sheets CSS ๊ตฌ๋ฌธ์€ ์„ ํƒ์ž๋ฅผ ํ†ตํ•ด ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  HTML์š”์†Œ๋ฅผ ์„ ํƒ ์ค‘๊ด„ํ˜ธ ์•ˆ์—์„œ๋Š” ์†์„ฑ๊ณผ ๊ฐ’, ํ•˜๋‚˜์˜ ์Œ์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ์„ ์–ธ์„ ์ง„ํ–‰ ๊ฐ ์Œ์˜ ์„ ํƒํ•œ ์š”์†Œ์˜ ์†์„ฑ, ์†์„ฑ์— ๋ถ€์—ฌํ•  ๊ฐ’์„ ์˜๋ฏธ ์†์„ฑ(property) : ์–ด๋–ค ์Šคํƒ€์ผ ๊ธฐ๋Šฅ์„ ๋ณ€๊ฒฝํ• ์ง€ ๊ฒฐ์ • ๊ฐ’(value) : ์–ด๋–ป๊ฒŒ ์Šคํƒ€์ผ ๊ธฐ๋Šฅ์„ ๋ณ€๊ฒฝํ• ์ง€ ๊ฒฐ์ • CSS ์ •์˜ ๋ฐฉ๋ฒ• ์ธ๋ผ์ธ : ํ•ด๋‹น ํƒœ๊ทธ์— ์ง์ ‘ style์†์„ฑ์„ ํ™œ์šฉ ๋‚ด๋ถ€ ์ฐธ์กฐ(embedding)- : headํƒœ๊ทธ ์•ˆ์— ์ง€์ • ์™ธ๋ถ€ ์ฐธ์กฐ(link file) - ๋ถ„๋ฆฌ๋œ CSS ํŒŒ์ผ - head link๋ฅผ ํ†ตํ•ด ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ์„ ํƒ์ž(selector) ์„ ํƒ์ž(Selector) ์œ ํ˜• ๊ธฐ๋ณธ ์„ ํƒ์ž ์ „์ฒด ์„ ํƒ์ž, ์š”์†Œ ์„ ํƒ์ž ํด๋ž˜์Šค ์„ ํƒ์ž, ์•„.. 2022. 5. 6.
HTML HTML Hyper Text Marup Language Hyper Text : ์ฐธ์กฐ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ํ•œ ๋ฌธ์„œ์—์„œ ๋‹ค๋ฅธ ๋ฌธ์„œ๋กœ ์ฆ‰์‹œ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ํ…์ŠคํŠธ! Markup Language : ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ด ๋ฌธ์„œ๋‚˜ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ ๋ช…์‹œํ•˜๋Š” ์–ธ์–ด HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ html : ๋ฌธ์„œ์˜ ์ตœ์ƒ์œ„(root)์š”์†Œ head : ๋ฌธ์„œ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ ์š”์†Œ ๋ฌธ์„œ ์ œ๋ชฉ, ์ธ์ฝ”๋”ฉ, ์Šคํƒ€์ผ, ์™ธ ํŒŒ์ผ ๋กœ๋”ฉ ๋“ฑ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ธŒ๋ผ์šฐ์ €์— ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๋Š” ๋‚ด์šฉ body : ๋ฌธ์„œ ๋ณธ๋ฌธ ์š”์†Œ ์‹ค์ œ ํ™”๋ฉด ๊ตฌ์„ฑ๊ณผ ๊ด€๋ จ๋œ ๋‚ด์šฉ Head ์˜ˆ์‹œ : ๋ธŒ๋ผ์šฐ์ € ์ƒ๋‹จ ํƒ€์ดํ‹€ : ๋ฌธ์„œ ๋ ˆ๋ฒจ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์š”์†Œ : ์™ธ๋ถ€ ๋ฆฌ์†Œ์Šค ์—ฐ๊ฒฐ ์š”์†Œ(CSSํŒŒ์ผ, favicon๋“ฑ) : ์Šคํฌ๋ฆฝํŠธ ์š”์†Œ(JavaScript ํŒŒ์ผ/์ฝ”๋“œ) : css ์ง์ ‘ ์ž‘์„ฑ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ์ƒˆ๋กœ์šด ๊ทœ.. 2022. 5. 6.