YYYEJI

[HTML] HTML의 list (ul, ol, dl) 본문

HTML(or XML) & CSS & JavaScript

[HTML] HTML의 list (ul, ol, dl)

YEJI ⍢ 2022. 11. 12. 15:12
728x90

 

<ul> unordered list - 순서가 없는 리스트

<ol> ordered list - 순서가 있는 리스트

<li> list item - 리스트 아이템

<dl> description item list - 서술 리스트

<dt> description item - 서술 아이템

<dd> description data - 서술 데이타

 

<ul> - unordered list

<ul>
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ul>

 

 

 

<ol> - ordered list

<ol>
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ol>

 

 

<dl> - description list

<dl>
    <dt>Lower grades</dt>
    <dd>• Freshman</dd>
    <dd>• Sophomore</dd>
    <dt>Upper grades</dt>
    <dd>• Junior</dd>
    <dd>• Senior</dd>
</dl>

 

 

◡̈