HTML之列表元素

列表元素

有序列表

<h1>把大象裝進冰箱，總共分幾步？</h1>
   <ol type="i">
       <li>打開冰箱</li>
       <li>大象進去</li>
       <li>冰箱關上</li>
   </ol>

不贊成，type屬性來控制顯示樣式，應該通過css來控制

<h1>把大象裝進冰箱，總共分幾步？</h1>
   <ol style="list-style-type:decimal;">
       <li>打開冰箱</li>
       <li>大象進去</li>
       <li>冰箱關上</li>
   </ol>

reversed屬性：倒序（降序）

 <h1>把大象裝進冰箱，總共分幾步？</h1>
   <ol reversed>
       <li>打開冰箱</li>
       <li>大象進去</li>
       <li>冰箱關上</li>
   </ol>

無序列表

 <h1> 擇偶標準：</h1>
    <ul>
        <li>孝順父母</li>
        <li>有責任心</li>
    </ul>

無序列表常用於製作菜單 或 新聞列表

定義列表

通常用於一些術語的定義

dl: 標籤定義了定義列表

dt: 定義列表中的項目

dd: 描述列表中的項目

 <h1>定義列表</h1>
    <dl>
        <dt>計算機</dt>
        <dd>用來計算的儀器 ... ...</dd>
        <dt>顯示器</dt>
        <dd>以視覺方式顯示信息的裝置 ... ...</dd>
    </dl>