HTML 有序列表

参考资料

1. HTML 强调
2. HTML 常用颜色
3. Html过滤工具有哪些
4. Html表格生成器有哪些
5. HTML 中的空格详解
6. HTML 超链接
7. html图像标签详细说明以及案例
8. HTML/MarkDown互转有哪些

HTML 有序列表（Ordered List）

1. 标签：

• <ol>：定义有序列表

• <li>：定义列表项

2. 用法：

• 用于显示按顺序排列的项目

• 默认使用数字编号（1, 2, 3...）

3. 实例：

<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>

4. 功能：

• 自动编号

• 支持嵌套列表

• 可通过type属性改变编号样式

5. CSS扩展：

ol {
  list-style-type: decimal; /* 数字（默认） */
  list-style-type: upper-roman; /* 大写罗马数字 */
  list-style-type: lower-alpha; /* 小写字母 */
  list-style-position: inside; /* 标记位置 */
}

li {
  margin: 5px 0; /* 项间距 */
  padding-left: 20px; /* 缩进 */
}

6. 属性扩展：

• start：设置起始编号（如start="5"）

• reversed：倒序编号（HTML5新增）

• type：编号类型（1, A, a, I, i）