Home  >  Article  >  Web Front-end  >  How to create an ordered list in HTML where the list items are numbered using lowercase Roman numerals?

How to create an ordered list in HTML where the list items are numbered using lowercase Roman numerals?

WBOY
WBOYforward
2023-08-23 23:33:072338browse

A list is a set of connected items written in order (usually one below another). Using HTML, you can create two types of lists: unordered lists and ordered lists.

Ordered lists are marked with numbers by default. You can create an ordered list using the

    tag and define the list items using
  1. .

    We can create 4 types of ordered lists in HTML -

    • type="1"− This will create an ordered list starting at 1.

    • type="A"− This will create an ordered list starting with a capital letter A.

    • type="a"− This will create a list starting with a lowercase letter a.

    • type="I"− This will create a list numbered starting with I in uppercase Roman numerals.

    • type="i"− This will create a list numbered starting with i in lowercase Roman numerals.

      How to create an ordered list in HTML where the list items are numbered using lowercase Roman numerals?

    grammar

    The following is the syntax for creating ordered list items numbered with lowercase Roman numerals in HTML.

    <ol type="i">
       <li>Item in list…</li>
       <li>Item in list…</li>
       <li>Item in list…</li>
    </ol>
    
    The Chinese translation of

    Example 1

    is:

    Example 1

    Below is an example of creating ordered list items in HTML that are numbered with lowercase Roman numerals.

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

    The following is the output of the above example program.

    Example 2

    Let’s look at another example of creating an ordered list using lowercase Roman numerals 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>
    

    The output obtained after executing the HTML code is −

    The above is the detailed content of How to create an ordered list in HTML where the list items are numbered using lowercase Roman numerals?. For more information, please follow other related articles on the PHP Chinese website!

  2. Statement:
    This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete