Skip to content
Related Articles

Related Articles

Improve Article

HTML | <ol> Tag

  • Last Updated : 16 Oct, 2019

The <ol> tag is for ordered list, an ordered list can be numerical or alphabetical. Inside the <ol> tag you have to make a list <li> of items that will follow the order.

Syntax:

<ol>
   <li>Item1</li>
   <li>Item2</li>
   <li>Item3</li>
</ol>

Attributes:

  • compact: It defines the list should be compacted (compact attribute is not supported HTML5. Use CSS instead.).
  • reversed: It defines that the order will be descending.
  • start: It defines that from which number or alphabet the order will start.
  • type: It defines which type(1, A, a, I and i) of order you want in your list numeric, alphabetic or roman numbers.

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>HTML ol tag</title>
</head>
  
<body>
    <h1 style="color:green;">GeeksforGeeks</h1>
    <h3>HTML <ol> tag</h3>
  
    <p>reversed attribute</p>
    <ol reversed>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ol>
  
    <p>start attribute</p>
    <ol start=5>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ol>
  
    <p>type attribute</p>
    <ol type="i">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ol>
  
</body>
  
</html>

Output:

Supported Browser: The browser supported by HTML <ol> tag are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :