๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

ํƒœ๊ทธ1

[HTML] ์š”์†Œ : ํƒœ๊ทธ HTML ์š”์†Œ(ํƒœ๊ทธ)๋Š” HTML ํŒŒ์ผ์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ธฐ๋ณธ ๋‹จ์œ„๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๋Ÿฌ ํƒœ๊ทธ๋“ค ์ค‘ ํ™ˆํŽ˜์ด์ง€ ๊ตฌ์ถ•์— ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ๋“ค์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ณ , ํ•ด๋‹น ํƒœ๊ทธ๋ฅผ ํ™œ์šฉํ•ด ํ™”๋ฉด์„ ๊ตฌ์„ฑํ•˜๋Š” ์˜ˆ์ œ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ํฌ์ŠคํŒ…ํ•˜์˜€๋‹ค. 1. ๊ทธ๋ฃน์š”์†Œ : ์š”์†Œ๋“ค์„ ๊ทธ๋ฃนํ™”ํ•˜๋Š”๋ฐ ์‚ฌ์šฉํ•œ๋‹ค. css๋ฅผ ๋ณด๋‹ค ์šฉ์ดํ•˜๊ฒŒ ์ ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค. 1) div div ์š”์†Œ๋Š” ๋‹ค๋ฅธ HTML ์š”์†Œ๋“ค์„ ํ•˜๋‚˜๋กœ ๋ฌถ๋Š” ๋ฐ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ๋Œ€ํ‘œ์ ์ธ ๋ธ”๋ก(block) ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ถœ์ฒ˜ : http://www.tcpschool.com/html-tags/div 2) span span ์š”์†Œ๋Š” ํ…์ŠคํŠธ(text)์˜ ํŠน์ • ๋ถ€๋ถ„์„ ๋ฌถ๋Š” ๋ฐ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์ธ๋ผ์ธ(inline) ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ถœ์ฒ˜ : http://www.tcpschool.com/html-tags/div 3).. 2022. 2. 8.
๋ฐ˜์‘ํ˜•