IT/HTML&CSS

[html] ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ(2021-08-26)

๊ธฐ๋ก์ž ๊ผฌ๋น„ 2021. 11. 7.
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>๋ฆฌ์ŠคํŠธ</title>
  </head>
  <body>
    <h1>๋ฆฌ์ŠคํŠธ</h1>
    <p>2๊ฐœ ์ด์ƒ์˜ ๋น„์Šทํ•œ ์ปจํ…์ธ  ํ˜น์€ ๊ตฌ์„ฑ์„ ๊ฐ–๊ณ  ์žˆ๋Š” ์š”์†Œ๋“ค์„ ํ‘œํ˜„ํ•  ๋•Œ ์”€</p>
    <hr><!--list๋Š” ๋ฐ˜๋“œ์‹œ ๋ถ€๋ชจ์— ol์ด๋‚˜ ul์ด ์žˆ์–ด์•ผ ํ•˜๊ณ , li ํƒœ๊ทธ ๋‹จ๋…์œผ๋กœ ์“ธ ์ˆ˜ ์—†๋‹ค.-->
    <h2>๋น„์ˆœ์„œํ˜• ๋ฆฌ์ŠคํŠธ - ul</h2>
    <p>๋ฆฌ์ŠคํŠธ ๊ฐ„ ์ˆœ์„œ์˜ ๊ด€๊ณ„๊ฐ€ ์—†์„๋•Œ_๋ชฉ์ฐจ๊ฐ€ ์—†์Œ</p><!--๋น„์ˆœ์„œํ˜• ๋ฆฌ์ŠคํŠธ ex-->
    <h3>๋‚ด๊ฐ€ ์ข‹์•„ํ•˜๋Š” ๋™๋ฌผ</h3>
    <ul><!--ํ˜„์—…์—์„  ulํƒœ๊ทธ๊ฐ€ 90%์ด์ƒ, ol ํƒœ๊ทธ๋Š” 10%, dl ํƒœ๊ทธ๋Š” 40~50% ํ™œ์šฉ๋˜๋Š” ํƒœ๊ทธ-->
      <li>์ฝ”๋ผ๋ฆฌ
      </li>
      <li>๊ฐ•์•„์ง€
      </li>
      <li>๊ณ ์–‘์ด
      </li>
    </ul>
    <hr>
    <h2>์ˆœ์„œํ˜• ๋ฆฌ์ŠคํŠธ - ol</h2>
    <p>๋ฆฌ์ŠคํŠธ ๊ฐ„ ์ˆœ์„œ์˜ ๊ด€๊ณ„๊ฐ€ ์žˆ์„ ๋•Œ ์‚ฌ์šฉ_๋ชฉ์ฐจ๊ฐ€ ์žˆ์Œ</p><!--์ˆœ์„œํ˜• ๋ฆฌ์ŠคํŠธ ex-->
    <h3>๋ผ๋ฉด ๋“์ด๋Š” ์ˆœ์„œ</h3>
    <ol type="1" start="1">
      <li>๋ฌผ์„ ๋“์ธ๋‹ค.
      </li>
      <li>์Šคํ”„๋ฅผ ๋„ฃ๋Š”๋‹ค.
      </li>
      <li>๋ฉด์„ ๋„ฃ๋Š”๋‹ค.
      </li>
    </ol>
    <hr>
    <h1>์ •์˜ํ˜• ๋ฆฌ์ŠคํŠธ</h1><!--์ •์˜ํ˜• ๋ฆฌ์ŠคํŠธ ex-->
    <p>์ •์˜ํ˜• ๋ฆฌ์ŠคํŠธ๋Š” ์ •์˜ํ•  ๋Œ€์ƒ์— ๋Œ€ํ•œ ๋‚ด์šฉ๊ณผ ์„ค๋ช… ์ด๋ฏธ์ง€ ๋“ฑ์œผ๋กœ ๊ตฌ์„ฑ</p>
    <dl><!--dlํƒœ๊ทธ ์•„๋ž˜๋Š” 2๊ฐœ ์ด์ƒ์˜ dt ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ, dt๋‚˜ ddํƒœ๊ทธ๋Š” ๋ณดํ†ต ํƒญ๋ฉ”๋‰ด๊ฐ€ ์“ฐ์ž„-->
      <dt><b>์ œ๋ชฉ1 : ์ •์˜ํ•  ๋Œ€์ƒ ์ปจํ…์ธ (ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</b></dt>
      <dd>์„ค๋ช…1 : ์ •์˜ํ•  ๋Œ€์ƒ์— ๋Œ€ํ•œ ๋‚ด์šฉ ์ปจํ…์ธ 1(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</dd>
      <dd>์„ค๋ช…2 : ์—ฌ๋Ÿฌ ๊ฐœ ์“ฐ์ผ ์ˆ˜ ์žˆ๋‹ค. ์ปจํ…์ธ 2(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</dd>
      <dt><b>์ œ๋ชฉ2 : ์ •์˜ํ•  ๋Œ€์ƒ ์ปจํ…์ธ 2(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</b></dt>
      <dd>์„ค๋ช…1 : ์ •์˜ํ•  ๋Œ€์ƒ์— ๋Œ€ํ•œ ๋‚ด์šฉ ์ปจํ…์ธ 1(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</dd>
      <dd>์„ค๋ช…2 : ์—ฌ๋Ÿฌ ๊ฐœ ์“ฐ์ผ ์ˆ˜ ์žˆ๋‹ค. ์ปจํ…์ธ 2(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</dd>
      <dd>์„ค๋ช…3 : ์—ฌ๋Ÿฌ ๊ฐœ ์“ฐ์ผ ์ˆ˜ ์žˆ๋‹ค. ์ปจํ…์ธ 3(ํ…์ŠคํŠธ/์ด๋ฏธ์ง€/์˜์ƒ)</dd>
    </dl>
  </body>
</html>

๋Œ“๊ธ€