网站建设资讯

NEWS

网站建设资讯

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的区别有哪些
URL标题:http://njwzjz.com/article/jhjshs.html