๋ฐ์ํ
์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํด๋ณด์. <ol> <li> ํ๊ทธ
๋ฆฌ์คํธ๋ฅผ ๊ฐ๋จํ๊ฒ ๋ง๋๋ ํ๊ทธ๊ฐ ์๋ค.
๋ฐ๋ก <ol>๊ณผ <li>์ด๋ค.
<ol>์ ordered list์ ์ฝ์์ด๋ค.
<li>๋ list์ ์ฝ์์ด๋ค.
์ด ํ๊ทธ๋ค๋ง ์์ผ๋ฉด ๋ฒ๊ฑฐ๋กญ๊ฒ 1,2,3,4๋ฅผ ์น๊ฑฐ๋ a,b,c,d ํน์ ใฑ,ใด,ใท,ใน์ ์์ณ๋ ๋๋ค!
์๋์ผ๋ก ๋ฆฌ์คํธ๋ฅผ ์ค์ ํ๋ ํ๊ทธ๋ฅผ ๋ฐฐ์๋ณด์.
๐ ์ฐธ๊ณ ๋ก, <ol>์ ๊ธฐ๋ณธ์ ์ผ๋ก๋ ์๋ผ๋น์ ์ซ์๋ก ํ๊ธฐ๋๋ค.
<ol> ํ๊ทธ ์์ type="a"๋ฅผ ์ฐ๋ฉด ์ํ๋ฒณ์ผ๋ก ๊ธฐํธ๊ฐ ๋ฐ๋๋ค.
<ol type="a">๋ก ์์ฑํ๊ณ ํ๊ทธ๋ฅผ ๋ซ์์ฃผ๋ฉด ๋๋ค๋ ๋ง์ด๋ค.
๐ก <ul>์ด ๊ถ๊ธํ๋ค๋ฉด?
์ฝ๋
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์์ฝฉ์ด๊ฐ ํ๋ณตํด์ง๋ ๋ฐฉ๋ฒ</title>
</head>
<body>
<h1>์์ฝฉ์ด๊ฐ ํ๋ณตํด์ง๋ ๋ฐฉ๋ฒ</h1>
<strong><u>๋ฆฌ์คํธ</u></strong>
<ol>
<li>์ฝ๋ฉํ๊ธฐ</li>
<li>๊ฒ์ํ๊ธฐ</li>
<li>์ ํ๋ธ ๋ณด๊ธฐ</li>
<li>์์ค ์ฝ๊ธฐ</li>
<li>๋ง์๋ ์์ ๋จน๊ธฐ</li>
<li>๋ธ๋ก๊ทธ์ ๊ธ ์์ฑํ๊ธฐ</li>
<li>์ํ ๋ณด๊ธฐ</li>
</ol>
</body>
</html>
๊ฒฐ๊ณผ
See the Pen <ol> by Kong Yang (@Kong-Yang) on CodePen.
๋ฐ์ํ
