๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

HTML2

๋„์„œ ์ƒํ™œ์ฝ”๋”ฉ HTML+CSS+์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - <div ํƒœ๊ทธ> HTML์„ ๊ณต๋ถ€ํ•˜๋ฉฐ ๊ฐ€์žฅ ์ดํ•ด๊ฐ€ ์•ˆ ๋˜๋˜ ๊ฒƒ์ด ์žˆ๋‹ค. ์‚ฌ์‹ค ์ง€๊ธˆ๋„ ์ดํ•ด๋Š” ์ž˜ ์•ˆ๊ฐ„๋‹ค. ๋ฐ”๋กœ div ํƒœ๊ทธ. ์นœ๊ตฌ๋“ค์ด ๋„ค์ด๋ฒ„๊ฐ™์€ ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ€์„œ ๋ฉ”์ธ ํŽ˜์ด์ง€๊ฐ€ ์–ด๋–ป๊ฒŒ ์งœ์กŒ๋Š”์ง€ ๋ณด๋Š” ๊ฒƒ๋„ ๊ณต๋ถ€๋ผ๊ณ  ํ•ด์„œ ๋ดค๋Š”๋ฐ ๊ฐ€์žฅ ๋งŽ์ด ๋ณด์ธ ํƒœ๊ทธ ์ค‘ ํ•˜๋‚˜๊ฐ€ div ํƒœ๊ทธ์˜€๋‹ค. ๋ฌธ์ œ๋Š” ์ด div ํƒœ๊ทธ๊ฐ€ ๋Œ€์ฒด ๋ญ”์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ์šฐ๋ฆฌ๊ฐ€ ์“ฐ๋Š” ํƒœ๊ทธ๋Š” ๋‹ค ๊ทธ ์˜๋ฏธ์™€ ์—ญํ• ์ด ์ •ํ•ด์ ธ์žˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด h1ํƒœ๊ทธ๋ผ๋ฉด ์ œ๋ชฉ์„ ๋‚˜ํƒ€๋‚ด๋Š” tag์ด๋ฉด์„œ ๋ชจ๋“  hํƒœ๊ทธ์ค‘ ๊ฐ€์žฅ ๊ธ€์ž ์‚ฌ์ด์ฆˆ๊ฐ€ ํฌ๋‹ค๋˜๊ฐ€, ์ด๋Ÿฐ ์‹์ด๋‹ค. div๋Š” (์ง€๊ธˆ๊นŒ์ง€ ์ดํ•ดํ•œ ๊ฒƒ์œผ๋กœ ๋ณผ ๋•Œ) ์ด๋Ÿฐ๊ฒŒ ์ •ํ•ด์ ธ์žˆ์ง€ ์•Š์€ ํƒœ๊ทธ๋‹ค. ๋งŒ๋Šฅํƒœ๊ทธ๋ž„๊นŒ. ์˜ˆ๋ฅผ ๋“ค์–ด ์ฑ…์„ ์‚ฐ๋‹ค๊ณ  ํ•ด๋ณด์ž. ๋ณดํ†ต์˜ ์ฑ…์€ ๋‹ค ์ œ๋ชฉ๊ณผ ๋‚ด์šฉ์ด ์ด๋ฏธ ์จ์ ธ์žˆ๋‹ค. ๋”ฐ๋ผ์„œ ์šฐ๋ฆฌ๋Š” ๊ทธ ์ฑ…์„ ์‚ฌ์„œ ์ •ํ•ด์ง„ ๋‚ด์šฉ์„ ์ฝ๊ธฐ๋งŒ ํ•˜๋ฉด ๋œ.. 2020. 12. 13.
๋„์„œ ์ƒํ™œ์ฝ”๋”ฉ HTML+CSS+์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - <style ํƒœ๊ทธ, style ์†์„ฑ> ์˜ˆ์ „๋ถ€ํ„ฐ ์ฝ”๋”ฉ์„ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์—ˆ๋‹ค. ๊ธฐํšŒ๋Š” ๋งŽ์•˜๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋„ˆ๋ฌด ์–ด๋ ค์› ๋‹ค. ์ฒœ์ƒ ๋ฌธ๊ณผ๋ผ ๊ทธ๋Ÿฐ์ง€ ๋ชฐ๋ผ๋„ ๋‚˜๋Š” ๊ทธ ์‰ฝ๋‹ค๋Š” ํŒŒ์ด์ฌ๋„, ๊ฐœ๋ฐœ์ž๋“ค์ด ์ฝ”๋”ฉ์ด๋‚˜ ์–ธ์–ด๋ผ๊ณ  ๋ถ€๋ฅด๋ฉด ํ™”๋ฅผ ๋‚ธ๋‹ค๋Š” html๋„ ์ž˜ ์ดํ•ด๊ฐ€ ๊ฐ€์ง€ ์•Š์•˜๋‹ค. ์ ˆ๋ฐ•ํ•จ์ด ๋ถ€์กฑํ•˜์˜€๋Š”์ง€๋„ ๋ชจ๋ฅด๊ฒ ๋‹ค. ๊ทธ๊ฑธ ๋ชฐ๋ผ๋„ ๋จน๊ณ  ์‚ฌ๋Š”๋ฐ๋Š” ์ง€์žฅ์ด ์—†์—ˆ์œผ๋‹ˆ๊นŒ. ๊ณต๋ถ€๋ฅผ ํ•˜๋‹ค ์กฐ๊ธˆ ์–ด๋ ค์›Œ์ง€๋ฉด ๊ทธ๋งŒ๋‘๊ณ (๊ฐœ๋ฐœ์ž ์นœ๊ตฌ๋“ค์€ ์กฐ๊ธˆ ์–ด๋ ค์šด ๋ถ€๋ถ„์ด ์žˆ์„๋ฆฌ๊ฐ€ ์—†๋‹ค๊ณ  ํ•˜์˜€๋‹ค) ๋ช‡ ๊ฐœ์›” ์ง€๋‚˜์„œ ๋‹ค์‹œ ์ฒ˜์Œ๋ถ€ํ„ฐ๋ฅผ ๋ฐ˜๋ณตํ•˜๋‹ค๋ณด๋‹ˆ ๊ทธ ๋ฌด์—‡๋„ ๋Š˜์ง€ ์•Š์•˜๋‹ค. ์นœ๊ตฌ๋“ค์€ ์ œ๋ฐœ ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋ผ๊ณ  ํ•˜์˜€๋‹ค. ๊ทธ๋ž˜์•ผ ์„ฑ์žฅํ•œ๋‹ค๊ณ  ํ•˜์˜€๋‹ค. ๊ทธ๋ž˜์„œ ๋งˆ์ง€๋ง‰์œผ๋กœ ์ƒํ™œ์ฝ”๋”ฉ์—์„œ ๋‚˜์˜จ html+CSS+์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฑ…์„ ๊ณต๋ถ€ํ•˜๊ณ  ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๋ณผ ์ƒ๊ฐ์ด๋‹ค. ์‚ฌ์‹ค html๊นŒ์ง€๋Š” ๋‚ด์šฉ์ด ํฌ๊ฒŒ ์–ด๋ ต์ง€ ์•Š๋‹ค. ์• ์ดˆ์— ์ฑ… ์ž์ฒด๊ฐ€ ๊ต‰์žฅํžˆ ๊ธฐ์ดˆ์ .. 2020. 12. 2.