Page 66 - modular_v2.0_HTML&_CSS_Fb
P. 66
5 LISTS IN HTML
Your Aim
to learn about:
l CSS List Properties 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 the 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.
CSS LIST PROPERTIES
CSS list properties are used to change the appearance of ordered and unordered lists in HTML5.
These properties with their values are given in the following table:
Property Value Description
For ordered list: decimal,
lower-alpha, upper-alpha,
list-style-type lower-roman, upper-roman Specifies the type of the list item marker.
For unordered list: disc, circle,
square
list-style- Specifies an image to be used as the list
URL of the image
image item marker instead of the default marker.
list-style-color Colour name Specifies the colour of the list item marker.
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:
64
Touchpad MODULAR (Ver. 2.0)

