千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > HTML中的有序列表 – OL标记示例

HTML中的有序列表 – OL标记示例

来源:千锋教育
发布人:syq
时间: 2022-09-20 18:16:51 1663669011

  有序列表是项目编号且顺序重要的列表。

  这与默认情况下项目符号化的无序列表相反(顺序无关紧要)。

41

  标记的基本语法<ol>

  标记在 HTML 中定义有序列表。列表项由标记定义。<ol><li>

  标记不是空元素,因此它在<ol></ol>

42

  在浏览器中,有序列表显示为编号列表,如下所示:

43

44

  如果您想知道为什么列表项在页面上居中,那么这个CSS就实现了它:

45

  标记的属性<ol>

  标记接受 、 和 作为属性。

  starttypereversed

  属性type

  该属性用于指定要用于列表的编号类型。type

  默认值为阿拉伯数字。

  可以使用的列表类型包括:

  1阿拉伯数字(默认)

46

47

  附言:如果您将使用阿拉伯数字作为编号类型,则无需指定它,因为它是默认值。

  A大写字母

48

49

  a对于小写字母

50

51

  i小写罗马数字

52

53

  I大写罗马数字

54

55

  属性start

  可以引入 start 属性来指定从哪个数字开始列表。因此,它接受整数作为值。默认值为 1。

  如果指定一个类似 22 的数字,则下一个列表项将采用下一个数字 23,on 和 on...

56

57

  属性reversed

  在有序列表上使用该属性时,列表项将按相反的顺序呈现。即从最高到最低的数字。reversed

58

59

  您无需为属性指定值,因为您指定的任何值都将被忽略。reversed

  结论

  在本文中,您了解了标记及其属性,因此您可以在项目中更好地控制它。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT