参考资料

  1. HTML 用于联系信息的
  2. HTML 中的空格详解
  3. HTML 使用
  4. Html/JS互转有哪些
  5. HTML 标签
  6. Html网页 Web 安全色
  7. HTML 符号实体
  8. HTML 内联式

HTML 有序列表

HTML 有序列表(Ordered List)

  1. 标签:

  • <ol>:定义有序列表

  • <li>:定义列表项

  1. 用法:

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

  • 默认使用数字编号(1, 2, 3...)

  1. 实例:

<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>
  1. 功能:

  • 自动编号

  • 支持嵌套列表

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

  1. 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; /* 缩进 */
}
  1. 属性扩展:

  • start:设置起始编号(如start="5")

  • reversed:倒序编号(HTML5新增)

  • type:编号类型(1, A, a, I, i)