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

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

王林
发布: 2023-09-03 12:09:04
转载
1463 人浏览过

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

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
            热门教程
            更多>
            最新下载
            更多>
            网站特效
            网站源码
            网站素材
            前端模板