html有序列表标记

HTML有序列表

HTML有序列表是一种用于组织和显示信息的标记语言元素，它以数字或字母的形式对项目进行排序，使读者能够清晰地理解信息的顺序，在HTML中，有序列表使用<ol>标签来定义，每个列表项使用<li>标签表示。

基本语法

要创建一个有序列表，首先需要在HTML文档中使用<ol>标签包裹列表项，每个列表项都需要使用<li>标签包裹。

<ol>
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

在这个例子中，我们创建了一个包含三个列表项的有序列表，默认情况下，列表项会按照它们在文档中出现的顺序进行编号，第一个列表项的编号为1，第二个列表项的编号为2，依此类推。

自定义编号样式

HTML还允许我们自定义有序列表的编号样式，可以使用type属性来指定编号的类型，可选的值有：

- 1：大写罗马数字（I, II, III, IV, V等）

- A：大写字母（A, B, C, D, E等）

- a：小写字母（a, b, c, d, e等）

- i：小写罗马数字（i, ii, iii, iv, v等）

要将列表项编号为大写字母，可以使用以下代码：

<ol type="A">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

嵌套有序列表

HTML还支持嵌套有序列表，即在一个有序列表中包含另一个有序列表，这可以通过在<ol>或<ul>标签内部再添加一个<ol>或<ul>标签来实现。

<ol>
  <li>第一个列表项</li>
  <li>第二个列表项
    <ol>
      <li>子列表项1</li>
      <li>子列表项2</li>
    </ol>
  </li>
  <li>第三个列表项</li>
</ol>

在这个例子中，我们创建了一个包含两个列表项的有序列表，第二个列表项是一个嵌套的有序列表，包含两个子列表项，子列表项的编号会自动继承其父列表项的编号。