How to create an ordered list in HTML where the list items are numbered using lowercase Roman numerals?-HTML Tutorial-php.cn

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

2415 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

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.

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!