Page 39 - Modular_V1.1_Flipbook
P. 39
04 LISTS IN HTML
Your Aim
to learn about:
l Ordered List l Unordered List
l Definition List
A list is a collection of related items that can be used to represent information in an ordered
manner. In our daily routine, we may have to write many things such as the names items required
for a festival or the steps to prepare a dish. Lists in HTML allows us to display this type of
information on the web page in an organised manner.
There are three types of lists namely ordered list, unordered list and definition list. Let us learn
about these in detail.
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……..
Lists in HTML 37

