ol -ul

作者: baiying | 来源:发表于2016-11-23 21:27 被阅读21次

本质区别:

  • ol:有序列表
  • ul:无序列表

用法:

  • ol和ul的用法是一样的,都是外层标签内套li标签。如下:
<ol>
<li>内容a</li>
<li>内容b</li>
</ol> 
<ul>
<li>内容a</li>
<li>内容b</li>
</ul> 

效果区别:

前边的代码会有如下的不同效果:
<ol>
<li>内容a</li><li>内容b</li>
</ol>
<ul>
<li>内容a</li><li>内容b</li>
</ul>

如何选择:

这个是比较简单的,就要取决于所要展示的内容没有顺序性,若有则用有序列表,反之,用无序列表。

相关文章

  • ol -ul

    本质区别: ol:有序列表 ul:无序列表 用法: ol和ul的用法是一样的,都是外层标签内套li标签。如下: 效...

  • ul标签 VS ol标签

    ul ul 标签定义无序列表。无序 HTML 列表: 则在网页中显示: Coffee Tea Milk ol ol...

  • 众说纷纭的ul 、ol 、li

    (1)提到ul ol li,大家都知道,就是三个列表标签,ul表示无需列表(unordered list),ol表...

  • web前端开发基础班课堂笔记第二天

    1、无序列表ul ul中只能包含liul属性type有多种效果,样式CSS效果更好 1.1、有序列表ol ol中只...

  • html的标签嵌套规则

    p只能嵌套行内标签,ul/ol下只能嵌套li,dl下只能嵌套dt,dd相反,li只能呗ul/ol嵌套,dt,dd只...

  • HTML第二小节

    一、列表标签 1、无序列表:ul--li 2、有序列表:ol--li 备注:ul和ol中间不能嵌套标签,li中间可...

  • 认识body标签二

    1.使用ul添加无序列表 语法: ol(ordered list)有序列表ul (unordered list) ...

  • 定义列表

    1、ul,li;ol,li;dl,dt,dd的区别 首先ul为无序列表,显示出来就是圆点;ol为有序列表,是有序号...

  • HTML学习笔记--11.25

    ul标签ol标签div标签table标签caption标签 ul标签 ul标签,添加新闻信息列表。这些列表就可以使...

  • HTML实现有序列表和无序列表

    先看看效果图 ul和ol 在HTML众多标签里,ul是无序列表标签,ol是有序列表标签,它们可以相互嵌套使用,而效...

网友评论

      本文标题:ol -ul

      本文链接:https://www.haomeiwen.com/subject/klgvpttx.html