728x90

๐Ÿ“˜ Programming/Web 2

[HTML] HTML ์š”์†Œ (์ œ๋ชฉ, ๋‹จ๋ฝ, ์„œ์‹)

์ œ๋ชฉ(Heading) ์ œ๋ชฉ ํƒœ๊ทธ ์ œ๋ชฉ ํ‘œํ˜„ ๊ธฐ๋Šฅ ์™ธ, ๊ฒ€์ƒ‰์—”์ง„์ด ์›น ์‚ฌ์ดํŠธ์˜ ๋‚ด์šฉ์„ ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•˜์—ฌ ํ‚ค์›Œ๋“œ๋ฅผ ์ˆ˜์ง‘ ๋”ฐ๋ผ์„œ, html๋ฌธ์„œ์—์„œ ์ œ๋ชฉ์„ ๋ฐ˜๋“œ์‹œ ํƒœ๊ทธ๋กœ ์ž‘์„ฑํ•ด์•ผ ๊ฒ€์ƒ‰์—”์ง„์˜ ๊ฒ€์ƒ‰ ํ™•๋ฅ ์ด ๋†’์•„์ง , ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉ ๊ธˆ์ง€ ๋ฐ˜๋“œ์‹œ ์ข…๋ฃŒ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•จ (์ข…๋ฃŒ ํƒœ๊ทธ ์—†์ด๋„ ์ œ๋Œ€๋กœ ํ‘œํ˜„์ด ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ๊ฐ€ ์žˆ์ง€๋งŒ ๊ถŒ์žฅํ•˜์ง€ ์•Š์Œ) ๋‹จ๋ฝ(Paragraph) ๋‹จ๋ฝ ํƒœ๊ทธ (Paragraph) ๋‚ด์šฉ์ƒ ๋Š์–ด์„œ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋Š” ํ•˜๋‚˜ํ•˜๋‚˜์˜ ๋ถ€๋ถ„ ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋‹จ๋ฝ์„ ํ‘œํ˜„ ํƒœ๊ทธ ์œ„์•„๋ž˜๋กœ ์•ฝ๊ฐ„์˜ ์—ฌ๋ฐฑ(margin)์ด ์ž๋™ ์ ์šฉ ์ œ๋ชฉ1์˜ ํฌ๊ธฐ์ž…๋‹ˆ๋‹ค! ์ œ๋ชฉ2์˜ ํฌ๊ธฐ์ž…๋‹ˆ๋‹ค! ์ œ๋ชฉ3์˜ ํฌ๊ธฐ์ž…๋‹ˆ๋‹ค! ์—ฌ๊ธฐ์„œ๋ถ€ํ„ฐ ๋‹จ๋ฝ์ž…๋‹ˆ๋‹ค. ๋‹จ๋ฝ์ด๋‚˜ ์ œ๋ชฉ ํƒœ๊ทธ์˜ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•  ๋•Œ, ๋„์–ด์“ฐ๊ธฐ๋‚˜ ์ค„ ๋‚˜๋ˆ„๊ธฐ๋Š” ํ™”๋ฉด ํ‘œ๊ธฐ์ƒ ์˜ํ–ฅ์ด ์—†์Œ ํƒœ๊ทธ (break lin..

[HTML] 1. HTML ๊ธฐ์ดˆ (๊ฐœ์š”, ํƒœ๊ทธ, ๋ฌธ๋ฒ•, ๊ธฐ๋ณธ ๊ตฌ์กฐ, ์š”์†Œ ๊ตฌ์กฐ)

HTML์ด๋ž€? HTML = HyperText Markup Language ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐ ์‚ฌ์šฉํ•˜๋Š” ์–ธ์–ด ๋ชจ๋“  ํƒœ๊ทธ๋Š” ๋ฏธ๋ฆฌ ์ •์˜๋˜์–ด ์žˆ์Œ ๊ฐ๊ฐ์˜ ํƒœ๊ทธ์™€ ์†์„ฑ์„ ์‚ฌ์šฉ ์›น ํŽ˜์ด์ง€(Web Page) = HTML ๋ฌธ์„œ --> HTML ํƒœ๊ทธ๋“ค๋กœ ๊ตฌ์„ฑ HTML ํƒœ๊ทธ(Tag) : ์›น ํŽ˜์ด์ง€์˜ ๋””์ž์ธ, ๊ธฐ๋Šฅ ๊ฒฐ์ • HTML ํƒœ๊ทธ(Tag) ๋ฌธ๋ฒ• 1. // ์‹œ์ž‘ ํƒœ๊ทธ 2. // ์ข…๋ฃŒ ํƒœ๊ทธ ์‹œ์ž‘ ํƒœ๊ทธ(start tag, opening tag)์™€ ์ข…๋ฃŒ ํƒœ๊ทธ(end tag, closing tag)์˜ ํ•œ ์Œ์œผ๋กœ ๊ตฌ์„ฑ ์ข…๋ฃŒ ํƒœ๊ทธ๋Š” ์‹œ์ž‘ ํƒœ๊ทธ์™€ ์ „๋ถ€ ๋˜‘๊ฐ™์ง€๋งŒ, ํƒœ๊ทธ ์ด๋ฆ„ ์•ž์— ์Šฌ๋ž˜์‹œ(/)๊ฐ€ ์กด์žฌ ๋นˆ ํƒœ๊ทธ(Empty Tag) : ์ข…๋ฃŒ ํƒœ๊ทธ ์—†์ด ์‹œ์ž‘ ํƒœ๊ทธ๋งŒ์„ ๊ฐ€์ง€๋Š” ํƒœ๊ทธ ( , , ) HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ : ํ˜„์žฌ ๋ฌธ์„œ๊ฐ€ HTML5..

๋ฐ˜์‘ํ˜•