What are Lists?
Lists help you organize information in a clean, readable way.
Two types of lists:
1. Unordered List (Bullet points • • •)
Use when order doesn't matter (shopping list, features, etc.)
1<h3>Shopping List</h3>
2<ul>
3 <li>Milk</li>
4 <li>Eggs</li>
5 <li>Bread</li>
6 <li>Butter</li>
7</ul>Shows as:
Milk
Eggs
Bread
Butter
2. Ordered List (Numbers 1, 2, 3)
Use when order matters (steps, rankings, instructions)
1<h3>How to make tea</h3>
2<ol>
3 <li>Boil water</li>
4 <li>Add tea leaves</li>
5 <li>Add sugar and milk</li>
6 <li>Pour and enjoy</li>
7</ol>Shows as:
Boil water
Add tea leaves
Add sugar and milk
Pour and enjoy
Nested List (List inside a list):
1<ul>
2 <li>Fruits
3 <ul>
4 <li>Apple</li>
5 <li>Banana</li>
6 <li>Orange</li>
7 </ul>
8 </li>
9 <li>Vegetables
10 <ul>
11 <li>Carrot</li>
12 <li>Broccoli</li>
13 <li>Spinach</li>
14 </ul>
15 </li>
16</ul>Important Tags:
<ol> = Ordered List
<ul> = Unordered List
<li> = List Item
<dl> = Description List
<dt> = Term
<dd> = Description