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

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

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

a001acee800f14117cda3d5470cdf837.png

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

81482886b41fefc49c5881179052aa09.png

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

1853fdcb999742bdfc14682057a0849e.png

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

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

b4ed18de6c334133bfe3b1a8ab11378a.png

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

54c9a813c48eec4b443b747a3870b412.png

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

e493e42c0efc71dfe79800ab43c9b76d.png

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

9175232c0f9d5646b3d3f183a3df7198.png

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

fdaa019ae864f4fb21027baac021ff80.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值