HTML5中有序列表和無序列表的寫法

yunmaiocrsdk發表於2019-11-25

列表元素

有序列表

ol: ordered list

li:list item

有序列表在網頁中其實不常見,下面舉例子:


<body>
    把大象裝冰箱,總共分幾步?

     <ol  reversed >
         <li>開啟冰箱門 </li>
         <li>大象進去 </li>
         <li>冰箱門關上 </li>
         <li>開啟冰箱門 </li>
         <li>大象進去 </li>
         <li>冰箱門關上 </li>
         <li>開啟冰箱門 </li>
         <li>大象進去 </li>
         <li>冰箱門關上 </li>
         <li>開啟冰箱門 </li>
         <li>大象進去 </li>
         <li>冰箱門關上 </li>
       
     </ol>

</body>

無序列表

把ol改成ul

ul:unordered list

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


<body>
    xxx美女擇偶條件:


     <ul>
         <li>有責任心 </li>
         <li>會家務 </li>
         <li>孝敬老人 </li>
         <li>年薪30W </li>
     </ul>
</body>

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69914504/viewspace-2665554/,如需轉載,請註明出處,否則將追究法律責任。

相關文章