共计 980 个字符，预计需要花费 3 分钟才能阅读完成。
列表在各种页面内容展现模式中，应用频率十分高。HTML 中列表分为以下三种：右边咱们称之为有序列表，两头咱们称之为无序列表，左边咱们称之为自定义列表。这节课咱们先来学习有序列表。
看几个例子，markdown 文件中的目录，购物购票指南，仪器的应用操作步骤，百度热搜榜等都是通过列表显示的。
咱们发现 这些列表有一个独特特点 每一条内容的后面，都有数字序号。在 HTML 中 把这些有程序的列表清单称为有序列表 它们能够表白显示程序操作步骤 排行等信息。有序列表由两个元素组成 元素 ol 和元素 li，二者是父子关系。li 标签必须被包裹在 ol 中应用，ol 是由 order list 的缩写，示意有序列表 li 是 list item 的缩写 示意列表，两个都是双标签。
有序列表的语法是
这里再次强调 为了遵循 W3C 的语法规范，ol 外面只能嵌套 li 如果须要嵌套其余的标签 需搁置到 li 标签外面。这里在 li 标签中搁置一些文本。来做一个案例：要把大象装冰箱，总共分几步？3 步！
关上编辑器，新建 order_list.html 文件，补全根本代码，在 body 外面应用 ctrl + 斜杠 (/) 实现一个正文，在正文外面增加，这是有序列表的介绍。本案例须要应用一个 ol，外面包裹三个 li，别离把三个步骤的内容，输出到对应的 li 标签外面，把冰箱门关上，把大象装进去，把冰箱门带上，保留。在浏览器中关上页面，分明的看到，三个步骤后面都主动的增加了序号 1 2 3
在这里列表后面的序号被称之为我的项目符号，默认有序列表的我的项目符号取值为自然数，从 1 开始。须要留神 W3C 规范为了兼顾多语种需要 规定了有序列表的我的项目符号是能够设置的 通过给 ol 标签增加 type 属性来定义 type 属性的值能够设置列表我的项目的符号 须要大家熟记的 type 的取值有五种：别离是 A/a/I/i/1 大写 A 小写 a 大写 I 小写 i 数字 1 各自示意 英文字母程序、罗马数字程序、阿拉伯数字程序。
返回编辑器，给 ol 标签，增加属性 type，属性值设置为大写的字母 A (A)，保留。回到浏览器，刷新，原来数字显示的我的项目符号，变成了大写 A 结尾的字母。
通过给 ol 增加另外一个属性 start 就能够实现起始序号，start 取值为数字序号 不须要增加任何单位。
返回编辑器中 给 ol 再增加一个 start 属性，取值为 6，保留。
回到浏览器 刷新，有序列表的我的项目符号从原来 A 开始 变成了从 F 开始。
文章配套视频点我