OBJECTIVES
Students will knowwhy we use lists in
HTML
Students will be able to explain and
create an Ordered Lists
Students will be able to explain and
create an Unordered Lists
Purpose Of UsingLISTS IN HTML
Organizing Content: Lists helps to present
information in a clear and structured
manner, making it easier for users to read
and understand.
Highlighting Key Points: Lists can be used
to highlight important information, such as
benefits or steps in a process.
Displaying Sequential Steps: the ordered
list tag is use to arrange things in
order(sequentially)of priority.
5.
ORDERED LISTS (ol)
AnOrdered lists is a
type of list that is used
to present a list of items
in a specific sequence or
order. Where each item
is automatically
numbered.
6.
TAG FOR CREATINGORDERED LIST
<html>
<head>
<title>ORDERED LIST</title> </head>
<body>
<ol>
<li>Content 1</li>
<li>Content 2</li>
<li>Content 1</li>
</ol>
</body>
</html>
Ordered list tag
List Item tag
7.
Unordered Lists (ul)
Theunordered list is a list that
doesn’t fellow any order. Meaning
it can be grouped anyhow and the
items are displayed with bullets.
8.
TAG FOR CREATINGUNORDERED LIST
<html>
<head>
<title>UNORDERED LIST</title> </head>
<body>
<ul>
<li>Content 1</li>
<li>Content 2</li>
<li>Content 1</li>
</ul>
</body>
</html>
Unordered list tag
List Item tag
9.
EXERCISE
Q1.Write an HTMLOrdered list of
the planets in our solar System, in
order from the sun
Q2.Create a list of ten African
Countries using an Unordered list
Q3.Briefly explain two reason why
we use list in html
