<!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>
๋๊ธ