The document discusses ordered and unordered lists in HTML. It provides examples of unordered list tags that create bullet points with different symbols like circles, squares, and discs. It also demonstrates how to create ordered lists using the <ol> tag and specifies the types of numbering that can be used like numbers, letters, and Roman numerals. Ordered lists allow listing items in a specific sequence.

1. Ordered
&
Unordered List
Prepared by:
Mrs. R. S. Endaya

2. Unordered List
• These are bullets. It
represents a dot or other
symbol that is placed before
text, such as items in a list,
to add emphasis.

3. Unordered List
•You can create
bullets shaped as
circles, disc, or
square.

4. Unordered List Tag
Solid Circle
Bullets
• Lansones
• Banana
• Papaya
<ul type=“disc”>
<li>Lansones</li>
<li>Banana </li>
<li>Papaya </li>
</ul>

5. Unordered List Tag
Solid Circle
Bullets
oLansones
oBanana
oPapaya
<ul type=“circle”>
<li>Lansones</li>
<li>Banana </li>
<li>Papaya </li>
</ul>

6. Unordered List Tag
Solid Circle
Bullets
Lansones
Banana
Papaya
<ul type=“square”>
<li>Lansones</li>
<li>Banana </li>
<li>Papaya </li>
</ul>

7. Ordered List
•If you need to list items
in a specific sequence,
ordered list can get the
job done.

8. Ordered List Tag
• Within the <ol> or ordered
list tag, you can itemize your
list with:
–Number
–Upper / Lowercase Roman
Numerals
–Upper / Lowercase Letters

9. 1. An <ol> tag without “type”
specified results in the
defaulty 1,2,3 type.
<ol>
<li> Sam </li>
<li> Piolo </li>
<li> Jericho </li>
</ol>

10. Types of ol list
• i
• I
• A
• a
• 1