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

HTML Web Development Front End Technology

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 lowercase roman numbers, use the <ol> tag attribute type. This attribute will assign a lowercase roman number i.e. <ol type = “i”> to create ordered list numbered with lowercase roman numbers.

Example

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

Live Demo

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

Giri Raju

Published on 07-Feb-2018 08:31:30

Previous Page Print Page