首页  >  文章  >  web前端  >  如何在HTML中创建一个有序列表,其中列表项使用大写罗马数字编号?

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

王林
王林转载
2023-09-03 12:09:041428浏览

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

HTML support ordered list, unordered list and we have to use the

    tag, to create ordered list in HTML. The
      tag defines the ordered list. We use
    1. tag to start list of items. The list of items can be marked as numbers, lowercase letters uppercase letters, roman letters, etc.

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

      • The

      • tag should be placed inside the
          tag to create the list of items.

        1. We use type attribute of the

            tag, for creating an ordered list with numbers.

          1. We can also use

              to create ordered list numbered with uppercase roman numbers.

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

            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中文网其他相关文章!

          2. 声明:
            本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除