Computer >> Computer tutorials >  >> Programming >> HTML

How to create an ordered list with list items numbered with uppercase roman numbers in HTML?


To create ordered list in HTML, use the <ol> tag. Ordered list starts with the <ol> tag. The list item starts with the <li> tag and will be marked as numbers, lowercase letters uppercase letters, roman letters, etc. The default numbers for list items.

For creating an ordered list with uppercase roman numbers, use the <ol> tag attribute type. This attribute will assign an uppercase roman number i.e. <ol type = “I”> to create ordered list numbered with uppercase roman numbers.

How to create an ordered list with list items numbered with uppercase roman numbers in HTML?

Example

You can try to run the following code to create an ordered list of list items numbered with uppercase roman numbers in HTML −

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