Order list in html ol type

Order list is very helpful for giving details in numerical way or in alphabets, here some examples are given below:



<html>
<head> <title>Order list in html ol type</title> </head> <body> Some of my favorite fruits <ol> <li>Mango</li>  <li>Orange</li> <li>Apple</li> <li>Cherry</li> </ol> </body> </html> Result is as : Some of my favorite fruits
  1. Mango
  2. Orange
  3. Apple
  4. Cherry

 

We use our desired numberic style with help type attribute of order list

type numeric style output in
1 arabic 1,2,3
a lower alpha a,b,c
A upper alpha A,B,C
i lower roman i,ii,iii
I upper roman I,II,III

 

Example of style:

<html>
<head><
title>Order list in html ol type</title>
</head>
<body>
Some of my favorite fruits. Showing in style of lower roman
<ol type="i">
<li>Mango</li>
 <li>Orange</li>
<li>Apple</li>
<li>Cherry</li>
</ol>
</body>
</html>
Result is as :
Some of my favorite fruits. Showing in style of lower roman
  1. Mango
  2. Orange
  3. Apple
  4. Cherry

 We may start order list with desire number or alphabet as in example

<html>
<head>
<title>Order list in html ol type</title>
</head>
<body>
Some of my favorite fruits. Showing in numerics
<ol type="1" start="3">
<li>Mango</li>
 <li>Orange</li>
<li>Apple</li>
<li>Cherry</li>
</ol>
</body>
</html>
Result is as :
Some of my favorite fruits. Showing in numerics
  1. Mango
  2. Orange
  3. Apple
  4. Cherry