Use Ordered Lists in a Webpage

In HTML code writing, there exist two types of listing, ordered listing and unordered listing.

Ordered lists in webpage are used to list items with proper indexing or indenting. In unordered listing, small circular bullets are used for different list items.

It is usually preferred where sequences of events or numerical listing for the involved steps are essential. Ordered lists add ease to the HTML viewer by providing quick display to the information. Ordered lists in webpage make use of <ol> tag to mark its beginning, called starting tag. </ol> is used as closing tag for the list. List items are the text which will be listed inside the <ol> and </ol> tags. List items will make use of List tag <li>. List tag will have starting tag <li> and closing tag </li>. Let’s say we want to list following items:

 

Boy

Girl

Man

Woman

 

The syntax for writing in HTML is:

<ol>

<li>Boy</li>

<li>Girl</li>

<li>Man</li>

<li> Woman</li>

</ol>

 

On HTML page it will appear like

1. Boy

2. Girl

3. Man

4. Woman

 

By default list items are indented with numerical ordering. This attribute of listing is called as list types. But one can change list types to alphabetical order, roman numerals or combination of two. List type can be mentioned using type attribute prior to writing list items. To order previous example using alphabetically, following will be the syntax:

<ol type = “A”>

<li>Boy</li>

<li>Girl</li>

<li>Man</li>

<li> Woman</li>

</ol>

 

On HTML page it will appear like

A. Boy

B. Girl

C. Man

D. Woman

To change upper case alphabet indexing to lower case, list type used would be <ol type = “a”> and for roman upper case numerals it would be <ol type = “I”>. Lists can add additional sub lists also. The different list types helps in providing sub listing.