首页 >web前端 >前端问答 >html里ol和ul的区别是什么

html里ol和ul的区别是什么

青灯夜游
青灯夜游原创
2021-11-17 10:22:499570浏览

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

html里ol和ul的区别是什么

本教程操作环境: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视频教程

以上是html里ol和ul的区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn