HTML中有序列表、无序列表和自定义列表的区别是什么
HTML中有序列表、无序列表和自定义列表的区别是什么?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
焉耆网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联公司从2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
在页面布局时,经常会用到列表,列表分为有序列表、无序列表和自定义列表,那你知道有序列表、无序列表和自定义列表之间的区别吗?
一、无序列表
- 标签用来定义无序列表,将
- 标签一起使用,就可以创建无序列表。
举例:用无序列表列举四大名著,代码如下:
- 红楼梦
- 水浒传
- 三国演义
- 西游记
效果图:
无序列表属性type,默认的样式是小黑圆,就是disc,type属性有disc(实心圆默认)、circle(空心圆)、square(实心正方形)、none(取消前缀)。
二、有序列表
- 标签可以定义有序列表,将
- 标签一起使用,就可以创建有序列表,列表排序以数字来显示。
示范代码如下:
- 红楼梦
- 水浒传
- 三国演义
- 西游记
效果图:
有序列表有两个属性,分别是type和start。 type有五个属性值:1、a、A、i、I(罗马数字),用来表示列表前缀的样式。start表示从type类型的第几个数字开始,比如当type=“a”,start=“4”,指选择的是小写字母类型,从第四个字母d开始列举。
三、自定义列表
- 标签可以定义描述列表,
- 和
- 一起使用,创建自定义列表(描述列表)。
示范代码如下:
- 中国四大名著
- 红楼梦
- 西游记
- 水浒传
- 三国演义
效果图:
自定义列表(描述列表)中,在dt和dd中有了一个缩进。
有序列表、无序列表和自定义列表的区别:
有序列表和无序列表都有前缀,但是有序列表是大写字母、小写字母、数字和罗马数字等,而无序列表的前缀是实心圆、空心圆、实心正方形。自定义列表与有序列表,无序列表的区别是它有缩进而没有前缀。
感谢各位的阅读!看完上述内容,你们对HTML中有序列表、无序列表和自定义列表的区别是什么大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。
新闻标题:HTML中有序列表、无序列表和自定义列表的区别是什么
网站链接:http://myzitong.com/article/ipdsoi.html
- 标签与
- 标签与
- 标签与