Last Updated on April 26, 2023 by Roshan Parihar
HTML ordered list tag is used to show information in the form of a list with the numbers at the start in each list item.
We can call this list as a numbered list.
Syntax
|
1 |
<ol>put list items here</ol> |
|
1 2 3 4 5 6 7 8 9 |
<p>List of pen companies:</p> <ol> <li>Peter Parker</li> <li>Sparkles</li> <li>Racer</li> <li>speedometer</li> <li>Reynold</li> <li>Finegrip</li> </ol> |
Output
List of pen companies:
- Peter Parker
- Sparkles
- Racer
- speedometer
- Reynold
- Finegrip
List of Type attribute options of HTML Ordered List
| Sr. No. | Type Attribute options | Description |
|---|---|---|
| 1 | 1 | Used to show ordered number list with 1,2,3…. |
| 2 | I | Used to show ordered number list with uppercase Roman Letter. |
| 3 | i | Used to show ordered number list with lowercase Roman Letter. |
| 4 | A | Used to show ordered number list with Uppercase Alphabet Letter. |
| 5 | a | Used to show ordered number list with lowercase Alphabet Letter. |
Ordered list with type=”1″
It is Used to show numeric ordered list.
|
1 2 3 4 5 6 |
<p>List of best Comedy Characters:</p> <ol type="1"> <li>Mr. Beans</li> <li>The Three Stooges</li> <li>I Dream of Jinny</li> </ol> |
Output
List of best Comedy Characters:
- Mr. Beans
- The Three Stooges
- I Dream of Jinny
Ordered list with type=”I”
It is Used to show Uppercase Roman ordered list.
|
1 2 3 4 5 6 7 |
<p>List of Comedians:</p> <ol type="I"> <li>Sir Mr. Charlie Chaplin</li> <li>Dave Chappelle</li> <li>Jim Cherry</li> <li>George Carlie</li> </ol> |
Output
List of Comedians:
- Sir Mr. Charlie Chaplin
- Dave Chappelle
- Jim Cherry
- George Carlie
Ordered list with type=”i”
It is Used to show Lowercase Roman ordered list.
|
1 2 3 4 5 6 |
<p>List of Comedy Serials:</p> <ol type="i"> <li>Dennis the Mennis</li> <li>Small Wonder</li> <li>Big Bang Theory</li> </ol> |
Output
List of Comedy Serials:
- Dennis the Mennis
- Small Wonder
- Big Bang Theory
Ordered list with type=”A”
It is Used to show Uppercase Alphabet ordered list.
|
1 2 3 4 5 6 |
<p>List of Non-Veg Foods:</p> <ol type="A"> <li>Chicken Tandoor</li> <li>Chicken Roasted</li> <li>Mutton Fry</li> </ol> |
Output
List of Non-Veg Foods:
- Chicken Tandoor
- Chicken Roasted
- Mutton Fry
Ordered list with type=”a”
It is Used to show Lowercase Alphabet ordered list.
|
1 2 3 4 5 6 |
<p>List of best Sport Channels:</p> <ol type="a"> <li>Star Sports</li> <li>Ten Sports</li> <li>DD Sports</li> </ol> |
Output
List of best Sport Channels:
- Star Sports
- Ten Sports
- DD Sports
Resources and References of HTML ordered list tag
1. W3C Specification.
2. HTML living standard
3. W3C project using Github