介绍
在HTML中，有序列表（Ordered List）是一种使用数字或字母等项目符号为列表进行编号的方式。列表项（List Item）按照被指定的顺序进行排序，而不是按照它们的在文档中出现的位置进行排序。有序列表可以是数字、字母、罗马数字、中文数字等不同类型的项目符号。
在本文中，我们将介绍如何创建一个有序列表，并使用大写罗马数字作为编号。该技术可应用于任何HTML资源。
创建有序列表
使用HTML创建有序列表非常简单。如下是一个简单的有序列表例子：
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
以上代码将创建一个包含三个列表项的有序列表。列表项的默认编号将是阿拉伯数字（1, 2, 3）。如果你需要使用其他类型的项目符号，则可以使用以下属性之一：
- type="1"：使用阿拉伯数字作为项目符号。
- type="A"：使用大写字母作为项目符号。
- type="a"：使用小写字母作为项目符号。
- type="I"：使用大写罗马数字作为项目符号。
- type="i"：使用小写罗马数字作为项目符号。
在这个例子中，我们需要使用大写罗马数字。正确的代码如下：
<ol type="I">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
规定起始值
有时候你需要从一个特定值开始编号。这可以使用start属性实现。例如，如果你需要从数字100开始编号，则可以按照以下方式设置：
<ol start="100">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
请注意，起始值必须是正整数。
使用自定义计数器
如果你需要自定义项目符号，则可以使用CSS的计数器（counter）属性。使用计数器属性可以使你使用任何想要的项目符号，只要设置相关的CSS属性即可。
首先，在ol标签的开始部分，添加以下样式：
<ol style="list-style-type:none;counter-reset: roman_uppercase;">
其中，list-style-type:none表示不使用默认项目符号，而counter-reset:roman_uppercase创建并初始化一个名为“roman_uppercase”的计数器。
接下来，在每个li标签中，添加以下样式：
<li style="list-style-type:none;">
<span style="display:inline-block;width:3em;text-align:center;"><b><span style="counter-increment: roman_uppercase;"></span></b></span>列表项
</li>
如上代码块中，首先，将li标签的样式设置为list-style-type:none。这将禁用默认项目符号。其次，将li标签中的内容包装在一个span标签中。span标签的样式使其居中，并具有固定的宽度（3em）。然后，在b标签中创建一个计数器，它逐个增加每个列表项的值，并在内部包装一个span标签，以将计数器的当前值映射到屏幕。
这样就创建了一个使用大写罗马数字项号的列表，而不是使用默认的阿拉伯数字。
示例代码
最终的代码如下，包括使用计数器的样式和自定义计数器的样式：
<style>
ol {
list-style-type: none;
counter-reset: roman_uppercase;
}
li {
list-style-type: none;
}
li:before {
content: counter(roman_uppercase, upper-roman) ". ";
display: inline-block;
width: 3em;
text-align: center;
}
</style>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
这将创建一个使用大写罗马数字项号的有序列表，其结果如下：
I. 第一项
II. 第二项
III. 第三项
结论
通过使用上述技术，我们可以方便地创建具有不同类型项目符号的有序列表。在HTML中，有序列表是一种非常基本的元素，可以为网页设计带来更好的可读性和易用性。
总结一下：
- 可以从使用标准编号开始，然后使用“type”属性来更改项目符号类型。
- 可以添加一个“start”属性来指定从哪个值开始计数。
- 可以使用CSS计数器来自定义项目符号。通过定义新的计数器，可以使用任何类型的符号进行编号。