HTML Ordered list basic

Ordered List : 

If we want to represent list in number format then we use ordered list. we can use both numberic and alphabetic sequence for this type of list.

• <ol></ol> This tag define ordered list.
• <li></li> This tag define item for each ordered list

Click to practice online example

 Syntex
 <ol>
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Example

1. c-language
2. jquery
3. html

Note

Squence of ordered list can be changed. Html provides different sequence types. For using these types we need to implement follwoing type attribute with html list.

 Syntex
 <ol type="name of type">
 </ol>
 

If we want small case as sequence then we need to set type="a"

 Syntex
 <ol type="a">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Example

1. c-language
2. jquery
3. html

Click to practice online example

If we want Upper case as sequence then we need to set type="A"

 Syntex
 <ol type="A">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Example

1. c-language
2. jquery
3. html

Click to practice online example

If we want roman small case as sequence then we need to set type="i"

 Syntex
 <ol type="i">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Example

1. c-language
2. jquery
3. html

Click to practice online example

If we want roman upper case as sequence then we need to set type="I"

 Syntex
 <ol type="I">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Example

1. c-language
2. jquery
3. html

Click to practice online example