Page 159 - Web Applications (803) Class 11
P. 159
Ordered List
An ordered list is also called the numbered list. This type of list is used to display the items in a sequential manner. For
example, steps in an algorithm, etc. In HTML, the <OL> tag is used to create an ordered list.
The <LI> tag is used to define an item in the list. It can be used as an empty tag as well as a container tag. The <OL> tag
have two attributes named TYPE and START which you can use in the following way:
Ð Ð<OL Type ="A"> - will start the list from A.
Ð Ð<OL Type ="a" Start="4"> - will start the list from d.
Ð Ð<OL Type ="1" Start="25"> - will start the list from 25.
Ð Ð<OL Type ="I" Start="2"> - will start the list from II.
Ð Ð<OL Type ="i" Start="4"> - will start the list from iv.
Below table shows different examples of the type attribute:
Type Numbering/Alphabetical Scheme Examples
A Upper Case letters A,B,C,D…..
a Lower Case letters a,b,c,d……
I Upper Case Roman numbers I, II, III, IV…
i Lower Case Roman numbers i, ii, iii, iv…
1 Numbers 1,2,3,4……..
Let us use the <OL> tag.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE> Ordered List or Numbered List </TITLE> </HEAD>
<BODY>
<B> Cup of Tea </B>
<HR>
Steps to make a cup of Tea.
<OL>
<LI> Take 3/4 cup of water and boil it in kettle.
<LI> Add a table spoon sugar.
<LI> Add 1/4 cup of milk.
<LI> Pour the tea into a cup.
<LI> Add a tea bag.
</OL>
</BODY>
</HTML>
Website Development using HTML and CSS 157

