如何在HTML中创建带有数字编号的有序列表

列表是按照连续的方式编写的相关项目（通常是一下一个）。使用HTML，您可以创建两种类型的列表：无序列表和有序列表。

有序列表默认使用数字进行标记。您可以使用

标签来创建有序列表，并使用

定义列表项。

在HTML中，我们可以创建四种类型的有序列表：

type=”1″ - 这创建一个从1开始的数字列表。
type=”A” - 这创建一个以大写字母A开始的列表。
type=”a” - 这创建一个以小写字母a开始的列表。
type=”I” - 这创建一个以大写罗马数字I开始的列表。
type=”i” - 这创建一个以小写罗马数字i开始的列表。

如何在HTML中创建带有数字编号的有序列表

语法

以下是在HTML中创建带有数字编号的有序列表的语法。

<ol type="1">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ol>

例子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="1">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
      <li>Lokesh</li>
   </ol>
</body>
</html>

下面是上面示例程序的输出。

示例2

另一个在HTML中创建带有数字编号的有序列表的示例如下：

<!DOCTYPE html>
<html>
<head>
   <title>World Cup Teams</title>
</head>
<body>
   <h1>List of teams for World Cup</h1>
   <ol type = "1">
      <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>

执行以上脚本后，输出结果如下所示 –