Page 91 - TechPluse_C7_Flipbook
P. 91
8 Lists and Tables in HTML
Your Aim
to learn about:
Creating Lists Creating Tables
You have studied about HTML in previous chapter. You had used various HTML tags to create a web
page. In this chapter, you will learn about some more features of HTML like creating lists and table.
CREATING LISTS
A list is a collection of related items that can be used to represent information in pointed form. In
your daily routine, you have to write many things such as list of items required for a festival and
list of steps to make a dish. List feature of HTML allows you to display this type of information
on the web page in an organised manner.
There are three types of lists named ordered list, unordered list and definition list that can be
created in HTML to display the items in the form of 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 and Tables in HTML 89

