๐Ÿณ HTML ํƒœ๊ทธ ๐Ÿณ

parkeuยท2022๋…„ 8์›” 24์ผ
0

ABC๋ถ€ํŠธ์บ ํ”„

๋ชฉ๋ก ๋ณด๊ธฐ
12/55

๐Ÿผ HTML ๐Ÿผ

  • GML์—์„œ ๋ฐœ์ „๋œ ํƒœ๊ทธ์กฐํ•ฉ๋“ค
  • <ํƒœ๊ทธ๋ช…> ... </ํƒœ๊ทธ๋ช…>
  • ํƒœ๊ทธ๋Š” ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜์ง€ ์•Š์Œ
  • ์ €์žฅํ•  ๋•Œ ํŒŒ์ผ๋ช….html์œผ๋กœ ์ €์žฅ

๐Ÿฅฐ Hn ํƒœ๊ทธ

  • ๊ธ€์ž์˜ ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜๋Š” ํƒœ๊ทธ
  • n์˜ ์ž๋ฆฌ์— 1๋ถ€ํ„ฐ 6๊นŒ์ง€์˜ ์ž์—ฐ์ˆ˜๋ฅผ ๋„ฃ์–ด ๊ธ€์ž ํฌ๊ธฐ์ง€์ •
  • H1์ด ๊ฐ€์žฅ ํฐ ๊ธ€์ž

๐Ÿ‘ฟ pํƒœ๊ทธ

  • ๋ฌธ๋‹จ์„ ๊ตฌ๋ถ„ํ•˜๋Š” ํƒœ๊ทธ๋กœ์„œ paragraph์˜ ์•ฝ์–ด
  • ์ข…๋ฃŒํƒœ๊ทธ ์—†์ด๋„ ์‚ฌ์šฉ๊ฐ€๋Šฅ
  • ์—ฌ๋Ÿฌ๊ฐœ๋ฅผ ์ง€์ •ํ•˜๋”๋ผ๋„ ๋™์ผํšจ๊ณผ
  • align ์†์„ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ๋‹จ ์ •๋ ฌ

๐Ÿ˜ˆ divํƒœ๊ทธ

  • ์˜์—ญ์„ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•œ ํƒœ๊ทธ
  • ๋งŽ์ด ์“ฐ๋Š” ๋ฐฉ์‹์€ ์•„๋ž˜์™€ ๊ฐ™์Œ

๐Ÿคก ๋ชฉ๋กํƒœ๊ทธ

  • ulํƒœ๊ทธ : unordered list (์ˆœ์„œ์—†์Œ)
  • olํƒœ๊ทธ : ordered list (์ˆœ์„œ์žˆ์Œ)
  • liํƒœ๊ทธ : list item(ulํƒœ๊ทธ ๋˜๋Š” olํƒœ๊ทธ ์•ˆ์— ์กด์žฌ)

๐Ÿฅธ ํ•˜์ดํผ๋งํฌํƒœ๊ทธ

  • aํƒœ๊ทธ : ํ•˜์ดํผ๋งํฌ ๊ตฌํ˜„
  • aํƒœ๊ทธ์—๋Š” ์†์„ฑ์ด ํ•„์š” : href='๋งํฌ'


๐Ÿคฉ ์ด๋ฏธ์ง€ํƒœ๊ทธ

  • ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•  ๋•Œ IMGํƒœ๊ทธ ์‚ฌ์šฉ
  • ์†์„ฑ : src, height, width, border, align, alt ๋“ฑ

๐Ÿคฏ ํ…Œ์ด๋ธ”ํƒœ๊ทธ

  • tr : ํ•œ์ค„
  • td : ํ•œ์นธ
  • th : header

๐Ÿฅถ ์ž…๋ ฅํƒœ๊ทธ

  • form ํƒœ๊ทธ๋‚ด์— ๊ธฐ์ˆ ํ•ด์•ผ ํ•จ
    name ์†์„ฑ : ์ž…๋ ฅ์–‘์‹์˜ ์ด๋ฆ„ ์ง€์ •
    method : ์ž…๋ ฅ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์„œ๋ฒ„์šฉ ํ”„๋กœ๊ทธ๋žจ์— ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ์‹ ์„ค์ •
    action : ์„œ๋ฒ„์šฉ ํ”„๋กœ๊ทธ๋žจ URL์„ ๊ธฐ์ˆ (get ๋˜๋Š” post๋ฅผ ์†์„ฑ๊ฐ’์œผ๋กœ ์ทจํ•จ)

โž• INPUT type์œผ๋กœ ๋ฒ„ํŠผ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ๊ณผ ๋‹ค๋ฅด๊ฒŒ BUTTON ํƒœ๊ทธ๋ฅผ ์“ฐ๋ฉด ๊ทธ ์‚ฌ์ด์— ๋‹ค๋ฅธ ํƒœ๊ทธ๋ฅผ ๋ผ์›Œ๋„ฃ์„ ์ˆ˜ ์žˆ์Œ!!


๐Ÿ˜ถโ€๐ŸŒซ๏ธ ๊ทธ ์™ธ ํƒœ๊ทธ

  • align : ์ •๋ ฌ (left, center, right)
  • br : ์ค„๋ฐ”๊ฟˆ
  • ํŠน์ˆ˜๋ฌธ์žํƒœ๊ทธ : < > & " โ„ข

๐Ÿšฉ ์†Œ๊ฐ ๐Ÿšฉ

๊ฐ„๋‹จํ•˜๊ฒŒ HTML์„ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์ฝ”๋“œ๋ฅผ ์ ์œผ๋ฉด ๋ฐ”๋กœ๋ฐ”๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €์— ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์™€์„œ ์žฌ๋ฏธ์žˆ์—ˆ๋‹ค. ๋˜ ํƒœ๊ทธ๊ฐ€ ์ง๊ด€์ ์ธ ํŽธ์ด์–ด์„œ ์ดํ•ดํ•˜๊ธฐ์— ์–ด๋ ค์›€์ด ์—†์—ˆ๋‹ค.

profile
๋ฐฐ๊ณ ํŒŒ์šฉ.

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2022๋…„ 8์›” 30์ผ

GML์—์„œ ๋ฐœ์ „๋œ ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, SGML์—์„œ ๋ฐœ์ „ํ–ˆ์Šต๋‹ˆ๋‹น

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ