Page 108 - Plus_V2.2_C7_Flipbook
P. 108
Same code with type=’square’
<UL TYPE=SQUARE>
<LI>Table Tennis
<LI>Tennis
<LI>Badminton
</UL>
Unordered list with type as ‘square’
Ordered List
Ordered lists are lists which have either numbers or letters set for the list items. Ordering is preceded
with Arabic numbers, upper case letters, lower case letters or roman numerals in both upper case
and lower case.
Creating Ordered List
Ordered lists are suitable for creating simple outlines or step-by-step instructions. The <OL> tag is
used to create an ordered list. Here <OL> means ordered list. The list items are created using <LI> tag.
The ‘type’ attribute is used to change the numbering style. This tag is used inside the <OL> tag. The
different values the ‘type’ attribute can take are:
1 — for Arabic numerals
A — Upper case letters like A, B, C… a — Lower case letter like a, b, c …
I — Upper case Roman numerals i — Lower case Roman numerals
We can also use the ‘start’ attribute inside the <OL> tag to change the beginning value of the list.
Now, let us see an example of creating ordered lists using different types of numbering.
For example,
Note: This code contains all the different types of ordered list. By default, the type is Arabic numeral.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Ordered Lists.html</TITLE> </HEAD>
<BODY STYLE="color: blue">
<H1> Learning to create ordered lists</H1>
<H2> Creating various lists using different attributes of ol tag</H2>
<OL>
<LI>Table Tennis
<LI>Tennis
<LI>Badminton
</OL>
<HR>
<OL TYPE=A>
<LI>Chocochips
<LI>Vanilla
<LI>Butterscotch
</OL>
<HR>
</OL>
</BODY>
Ordered list with all types.
</HTML>
106 Premium Edition-VII

