如何在HTML中创建一个有序列表，其中列表项使用大写罗马数字编号？-html教程-PHP中文网

如何在HTML中创建一个有序列表，其中列表项使用大写罗马数字编号？

王林

发布： 2023-09-03 12:09:04

转载

2061人浏览过

有序列表是一组带有编号的项目。它使您能够在上下文中控制序列号。允许我们将一组相关的项目分组在列表中。

HTML support ordered list, unordered list and we have to use the <ol> tag, to create ordered list in HTML. The <ol> tag defines the ordered list. We use <li> tag to start list of items. The list of items can be marked as numbers, lowercase letters uppercase letters, roman letters, etc.

默认顺序是在上下文中对列表项进行编号。

The <li> tag should be placed inside the <ol> tag to create the list of items.
We use type attribute of the <ol> tag, for creating an ordered list with numbers.

立即学习“前端免费学习笔记（深入）”；
We can also use <ol type = “I”> to create ordered list numbered with uppercase roman numbers.

序列猴子开放平台
具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

0

查看详情

Syntax

Following is the syntax to create an ordered list items numbered with uppercase roman numbers in HTML.

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

登录后复制

Example 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>

登录后复制

以下是上述示例程序的输出。

Example 2

Let us look at another example to create an ordered list with uppercase roman numbers as bullets −

<!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代码后，输出结果如下 -

以上就是如何在HTML中创建一个有序列表，其中列表项使用大写罗马数字编号？的详细内容，更多请关注php中文网其它相关文章！