How to create an ordered list using HTML5 ?
In this article, we define an ordered list by using the <ol> tag in the document, This tag is used 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>
Example:
<!DOCTYPE html> <html> <head> <title> Define an ordered list? </title> </head> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> HTML5: How to define an ordered list? </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
- Opera
- Safari
.png)
