Skip to content
Related Articles

Related Articles

Improve Article

HTML <ol> Tag

  • Last Updated : 14 Sep, 2021

Example: In this example, we have created an ordered list of Frontend Technologies using the <ol> tag.

HTML




<!DOCTYPE html>
<html>
  
<head>
  <title>HTML Ordered Lists</title>
</head>
  
<body>
  <h2>Welcome To GeeksforGeeks</h2>
  <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>React.Js</li>
  </ol>
</body>
  
</html>

Output:

The <ol> tag is for an 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: 



Example: 

HTML




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

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

 

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :