HTMLμ—μ„œ 리슀트λ₯Ό λ§Œλ“œλŠ” λ°μ—λŠ” μ—¬λŸ¬ κ°€μ§€ 방법이 μžˆμŠ΅λ‹ˆλ‹€. κ°€μž₯ 일반적인 λ¦¬μŠ€νŠΈλŠ” μˆœμ„œκ°€ μžˆλŠ” 리슀트(ordered list)와 μˆœμ„œκ°€ μ—†λŠ” 리슀트(unordered list)μž…λ‹ˆλ‹€. μ•„λž˜λŠ” 각각의 μ˜ˆμ‹œμž…λ‹ˆλ‹€.

μˆœμ„œκ°€ μžˆλŠ” 리슀트 (Ordered List)

html
<ol> <li>첫 번째 ν•­λͺ©</li> <li>두 번째 ν•­λͺ©</li> <li>μ„Έ 번째 ν•­λͺ©</li> </ol>

μœ„μ˜ μ½”λ“œμ—μ„œ <ol>은 ordered listλ₯Ό λ‚˜νƒ€λ‚΄λ©°, 각 ν•­λͺ©μ€ <li> νƒœκ·Έλ‘œ 감싸져 μžˆμŠ΅λ‹ˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄ μˆ«μžκ°€ μžλ™μœΌλ‘œ 맀겨지며 μˆœμ„œκ°€ μžˆλŠ” λ¦¬μŠ€νŠΈκ°€ μƒμ„±λ©λ‹ˆλ‹€.

μˆœμ„œκ°€ μ—†λŠ” 리슀트 (Unordered List)

html
<ul> <li>ν•­λͺ© 1</li> <li>ν•­λͺ© 2</li> <li>ν•­λͺ© 3</li> </ul>

μˆœμ„œκ°€ μ—†λŠ” λ¦¬μŠ€νŠΈλŠ” <ul> νƒœκ·Έλ‘œ μ‹œμž‘ν•˜λ©°, 각 ν•­λͺ©μ€ λ§ˆμ°¬κ°€μ§€λ‘œ <li> νƒœκ·Έλ‘œ 감싸져 μžˆμŠ΅λ‹ˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄ 각 ν•­λͺ© μ•žμ— μ μ΄λ‚˜ λ‹€λ₯Έ κΈ°ν˜Έκ°€ μžλ™μœΌλ‘œ ν‘œμ‹œλ˜λ©°, μˆœμ„œκ°€ μ—†λŠ” λ¦¬μŠ€νŠΈκ°€ μƒμ„±λ©λ‹ˆλ‹€.

μ •μ˜ λͺ©λ‘ (Definition List)

html
<dl> <dt>단어 1</dt> <dd>단어 1의 μ •μ˜</dd> <dt>단어 2</dt> <dd>단어 2의 μ •μ˜</dd> </dl>

μ •μ˜ λͺ©λ‘μ€ μš©μ–΄μ™€ 그에 λŒ€ν•œ μ •μ˜λ₯Ό ν‘œμ‹œν•˜λŠ” 데 μ‚¬μš©λ©λ‹ˆλ‹€. <dl>은 μ •μ˜ λͺ©λ‘μ„ λ‚˜νƒ€λ‚΄λ©°, 각 μš©μ–΄λŠ” <dt> νƒœκ·Έλ‘œ, 각 μ •μ˜λŠ” <dd> νƒœκ·Έλ‘œ ν‘œμ‹œλ©λ‹ˆλ‹€.

μ΄λŸ¬ν•œ μ˜ˆμ‹œ μ½”λ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ μ›ν•˜λŠ” μ’…λ₯˜μ˜ 리슀트λ₯Ό λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€. ν•„μš”μ— 따라 μŠ€νƒ€μΌλ§ 및 좔가적인 속성을 μ μš©ν•˜μ—¬ λ””μžμΈμ„ κ°œμ„ ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.