html什么标签表示无序列表开始,4.html列表标签

网页中有三种列表,有序列表,无序列表和定义列表,觉得无序列表用的比较多点啊。下面就先开始说下无序列表了。

无序列表:用ul标签来表示无序列表,列表里面的每一个列表项是li来表示。具体的效果如:

html什么标签表示无序列表开始,4.html列表标签_第1张图片

无序列表的type属性,也就是列表项前面的那个圆点,有三种:实心圆点(disc),空心圆点(circle),实心方块(square)三种。默认是实心圆点(disc)

html什么标签表示无序列表开始,4.html列表标签_第2张图片

无序列表的嵌套,就是一个无序列表里面又有一个无序列表。下面是效果图。

html什么标签表示无序列表开始,4.html列表标签_第3张图片

从上面的例子里面可以看到,嵌套后的type顺序为实心圆点,空心圆点,实心方块。要是在多嵌套几层呢,那顺序又是什么样子的呢?我还以为是像上面那样的又重新一次实心圆点,空心圆点,实心方块这样重复下去,就去试了一下,原来不是那样,而是三层以后就都是实心方块了。当然了上面说的这些都是默认情况下的,没有给ul添加type属性时候的显示情况,如果给ul加了type属性,那么就会显示那个type属性的值了。

有序列表,就是用ol和li来表示的,从名字和对无序列表对照可以猜出来,有序列表就是有顺序的列表了,前面可能是顺序123这些数字了。

html什么标签表示无序列表开始,4.html列表标签_第4张图片

果然是数字,而且是默认情况下的。下面看看有序列表还有哪些类型吧。

html什么标签表示无序列表开始,4.html列表标签_第5张图片

可以看出,有序列表有数字,大小写字母和罗马数字一共五种形式。除了这个,有序列表还有一个有意思的属性,那就是start属性,从英文单词的意思就可以知道,这个属性就是用来控制有序列表是从哪个开始的。比如type类型是默认数字类型,start=“5”,那么就说明是从5开始的。

html什么标签表示无序列表开始,4.html列表标签_第6张图片

有序列表的嵌套又是什么样子的呢,会不会像无序列表那样,那是数字-小写字母-大写字母这样的嘛。下面来看看效果就知道了。

html什么标签表示无序列表开始,4.html列表标签_第7张图片

原来有序列表嵌套之后,都是数字作为type类型,和无序列表有些不一样了。下面就来看看最后一种定义列表。这一种和三面两种也有不同。有三个标签dl表示定义列表,dt表示定义列表项目,dl是列表项目的描述。这有点像字典里面的单词和注释,dt是单词,dd是单词的注释,注意的是,dt和dd是同级的关系,不是嵌套的关系。

html什么标签表示无序列表开始,4.html列表标签_第8张图片

上面就是常见的三种列表和他们的基本用法了。

你可能感兴趣的:(html什么标签表示无序列表开始,4.html列表标签)