html里ol和ul的区别有哪些

这篇文章给大家分享的是有关html里ol和ul的区别有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联专注于湾里网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供湾里营销型网站建设,湾里网站制作、湾里网页设计、湾里网站官网定制、成都微信小程序服务,打造湾里网络公司原创品牌,更为您提供湾里网站排名全网营销落地服务。

ol和ul的区别:1、ol是有序列表;而ul是无序列表。2、ol和ul的type属性值不一样,ul的type属性值有“disc”、“circle”、“square”等,而ol的type属性值有“1”、“a”、“A”、“i”、“I”等。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。

●这是第一个列表
    ●这是第二个列表
    ●这是第三个列表
    ●这是第四个列表

ol是有序列表,同样举个例子。

1、这是第一个列表
 2、这是第二个列表
 3、这是第三个列表
 4、这是第四个列表

这就是ul与ol的区别。

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块

ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。

感谢各位的阅读!关于“html里ol和ul的区别有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


新闻标题:html里ol和ul的区别有哪些
文章来源:http://bzwzjz.com/article/jhjshs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 手机网站制作 自适应网站建设 手机网站建设套餐 广安网站设计 阿坝网站设计 重庆网站制作 自适应网站设计 成都h5网站建设 高端网站建设 成都营销网站制作 成都网站设计 网站制作公司 定制网站制作 成都网站建设 成都商城网站制作 成都网站建设 网站建设方案 网站建设 成都做网站建设公司 网站建设费用 响应式网站设计方案