ITPub博客

首页 > 应用开发 > Html/css > HTML5中有序列表和无序列表的写法

HTML5中有序列表和无序列表的写法

原创 Html/css 作者:yunmaiocrsdk 时间:2019-11-25 14:22:46 0 删除 编辑

列表元素

有序列表

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博客 ” ,链接:https://blog.itpub.net/69914504/viewspace-2665554/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-03-26

  • 博文量
    50
  • 访问量
    31744