HTML中有序列表ol的使用方法教程

 时间:2026-04-23 10:28:12

1、 有序列表的标签是ol,一半ol都会和li一起使用,如图,使用ol和li做出一个数据

HTML中有序列表ol的使用方法教程

2、打开预览后,就是这样的一个效果,如图,前面非常有顺序的1 2 3 排列

HTML中有序列表ol的使用方法教程

3、这就是ol的属性了,还可以更改有序列表的数字显示方式,如图,在ol后面添加一个type属性,后面1就是他对应的属性设置了

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

4、在type后面还可以添加A,这样的数据排列就是从A开始的

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

5、还可以在后面添加小写字母a,然后后面数据排列就是从小a开始的,如图

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

6、还可以添加小写的i,

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

7、还有大些的I,就形成了大写的罗马数字字符,如图所示。

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

8、如果不想要li的样式属性,可以对其添加清除命令。

HTML中有序列表ol的使用方法教程

HTML中有序列表ol的使用方法教程

  • html如何把两个网页连接起来
  • HTML网页怎么设置圆角边框
  • html轮播图怎么制作
  • html字间距怎么设置
  • HTML网页怎么设置竖排文字
  • 热门搜索
    怎么养兔 神之墓地2.6d攻略 气垫鞋漏气了怎么办 土豆减肥法 孩子成绩差怎么办 战神3攻略 换手机号微信怎么办 冒险岛唐云的料理攻略 一汽奔腾b70怎么样 晚餐吃什么能减肥