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