在页面布局时，经常会用到列表，列表分为有序列表、无序列表和自定义列表，那你知道有序列表、无序列表和自定义列表之间的区别吗？这篇文章就给大家介绍有序列表、无序列表和自定义列表分别用什么标签，以及三者之间的区别，有一定的参考价值，感兴趣的朋友可以看看。
一、无序列表
标签用来定义无序列表，将 标签与 标签一起使用，就可以创建无序列表。
举例：用无序列表列举四大名著，代码如下：
- 红楼梦
- 水浒传
- 三国演义
- 西游记
效果图：
立即学习“前端免费学习笔记（深入）”；
无序列表属性type，默认的样式是小黑圆，就是disc，type属性有disc（实心圆默认）、circle（空心圆）、square（实心正方形）、none（取消前缀）。
二、有序列表
标签可以定义有序列表，将 标签与 标签一起使用，就可以创建有序列表，列表排序以数字来显示。
示范代码如下：
- 红楼梦
- 水浒传
- 三国演义
- 西游记
效果图：
立即学习“前端免费学习笔记（深入）”；
有序列表有两个属性，分别是type和start。 type有五个属性值：1、a、A、i、I(罗马数字)，用来表示列表前缀的样式。start表示从type类型的第几个数字开始，比如当type=“a”，start=“4”，指选择的是小写字母类型，从第四个字母d开始列举。
三、自定义列表
标签可以定义描述列表， 标签与 和 一起使用，创建自定义列表（描述列表）。
示范代码如下：
- 中国四大名著
- 红楼梦
- 西游记
- 水浒传
- 三国演义
效果图：
立即学习“前端免费学习笔记（深入）”；
自定义列表（描述列表）中，在dt和dd中有了一个缩进。
有序列表、无序列表和自定义列表的区别：
有序列表和无序列表都有前缀，但是有序列表是大写字母、小写字母、数字和罗马数字等，而无序列表的前缀是实心圆、空心圆、实心正方形。自定义列表与有序列表，无序列表的区别是它有缩进而没有前缀。
【相关教程推荐】
1. CSS3视频教程
2. CSS在线手册
3. bootstrap教程
以上就是图文详解HTML中有序列表、无序列表和自定义列表的区别的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1547177.html
微信扫一扫 
支付宝扫一扫 
