HTML 有序列表

参考资料

1. HTML 内联元素
2. HTML <cite>用于著作标题的
3. HTML 自定义列表
4. HTML 超链接
5. HTML 合并单元格
6. html图像标签详细说明以及案例
7. HTML <abbr> 标签
8. HTML 数学符号

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）

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。