HTML4游戏列表,4.html列表标签

本文介绍了HTML中的三种列表类型:无序列表、有序列表和定义列表。无序列表默认使用实心圆点,可通过type属性设置为空心圆点或实心方块;有序列表则以数字、字母或罗马数字表示,并可通过start属性控制起始值。定义列表用于描述性信息展示,由dt和dd标签组成。文章还探讨了列表的嵌套和属性的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

344987be5fd9bb9d5a879f24ddc70dba.png

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

2f543e12538e40ef0727080938e5430a.png

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

e458a9651c107bd855aebd5b7e5279d7.png

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

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

12bfdf96dd2c44f1a8f917bec2b1e3e1.png

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

c470066e94bc26795cdf52cebe3d75d3.png

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

de4a9e71322cba4dd4b89668d28813af.png

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

77ea7ea43e7ca4ad9f28f4f106ac8673.png

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

6be1b2eaabf43276911e5de99ec78c7b.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值