如何在HTML中创建一个有序列表,其中列表项使用小写罗马数字编号?
列表是一组按顺序(通常是一个在另一个下面)写成的连接项。使用html,您可以创建两种类型的列表:无序列表和有序列表。
有序列表默认使用数字标记。您可以使用
我们可以在HTML中创建4种有序列表 -
type="1"− 这将创建一个从1开始的有序列表。
type="A"− 这将创建一个以大写字母A开头的有序列表。
立即学习“前端免费学习笔记(深入)”;
type="a"− 这将创建一个以小写字母a开始的列表。
type="I"− 这将创建一个以大写罗马数字从I开始编号的列表。
type="i"− 这将创建一个以小写罗马数字从i开始编号的列表。
语法
以下是在HTML中创建用小写罗马数字编号的有序列表项的语法。
<ol type="i"> <li>Item in list…</li> <li>Item in list…</li> <li>Item in list…</li></ol>
Example 1
的中文翻译为:示例 1
下面是一个在HTML中创建用小写罗马数字编号的有序列表项的示例。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <ol type="i"> <li>Abdul</li> <li>Jason</li> <li>Yadav</li> <li>Lokesh</li> </ol></body></html>
以下是上述示例程序的输出。
示例2
让我们来看另一个例子,使用小写罗马数字作为项目符号创建有序列表:
<!DOCTYPE html><html><head> <title>World Cup Teams</title></head><body> <h1>List of teams for World Cup</h1> <ol type = "i"> <li>India</li> <li>Australia</li> <li>South Africa</li> <li>New Zealand</li> <li>Pakistan</li> <li>Srilanka</li> <li>West Indies</li> <li>Bangladesh</li> </ol></body></html>
执行HTML代码后得到的输出为−