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

WBOY
Release: 2023-08-23 23:33:07
forward
2361 people have browsed it

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>
    
    Copy after login
    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>
    
    Copy after login

    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>
    
    Copy after login

    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. source:tutorialspoint.com
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template