How to create html bulleted or numbered lists?
Bulleted lists are called unordered lists
Number lists are call ordered list
List tag:
ul: unorder list. <ul></ul>
ol: order list <ol></ol>
Put your list items inside its own list item tag
Example:
-
Unorder list <ul></ul>
<ul>
<li>Paper</li>
<li>Pencil</li>
<li>ruler</li>
<li>Flower</li>
<li>Orange</li>
<li>Apple</li>
</ul>
-
order list <ol></ol>
<ol>
<li>Paper</li>
<li>Pencil</li>
<li>ruler</li>
<li>Flower</li>
<li>Orange</li>
<li>Apple</li>
</ol>
How to add nest lists inside one another of the list?
( Inside the items has its own items)
-
Example:
<li>Paper
<ul>
<li>red</li>
<li>white</li>
<li>black</li>
</ul>
</li>
<li>Pencil</li>
<li>ruler</li>
<li>Flower</li>
<li>Orange</li>
<li>Apple</li>
The outside li tag is call Parent Element (the solid bullet)and
the inside li tag is call Child Element (the hollow bullet)
Remember to save the file every time you change any thing in your website and reload the browser, otherwise you cannot review what you change!!!