LISTS
There are two types of lists. There are ordered and unordered lists.
Bulleted lists are unordered and numbered lists are ordered.
The tag for an unordered lists is < ul > < /ul >
The tag for an ordered lists is < ol > < /ol >
The tag to create the next line in a list or separate between list items is < li > < /li >
Unordered Lists
Grocery List:
In the HTML code it looks like this:
< ul >
< li > milk < /li >
< li > cookies < /li >
< li > bread < /li >
< li > jelly < /li >
< /ul >
Ordered Lists
Favorite Music Groups:
- Ke$ha
- Color Fire
- Rihanna
- Glee
In the HTML code it looks like this:
< ol >
< li > Ke$ha < /li >
< li > Color Fire < /li >
< li > Rihanna < /li >
< li > Glee < /li >
< /ol >
Example of an ordered favorite music group list with letters:
- Ke$ha
- Color Fire
- Rihanna
- Glee
In the HTML code it looks like this:
< ol type = "a" >
< li > Ke$ha < /li >
< li > Color Fire < /li >
< li > Rihanna < li >
< li > Glee < /li >
< /ol >
Nested Lists
Food:
- Fruit
- pears
- strawberries
- blackberries
- Veggies
- corn
- carrots
- peas
- Carbs
- flour
- wheat bread
- corn meal
In HTML code it looks like this:
< ul > < h4 > Food: < /h4 >
< li > Fruit < li >
< ol >
< li > pears < li >
< li > strawberries < li >
< li > blackberries < li >
< /ol >
< li > Veggies < li >
< ol >
< li > corn < li >
< li > carrots < li >
< li > peas < li >
< /ol >
< li > Carbs < li >
< ol >
< li > flour < li >
< li > wheat bread < li >
< li > corn meal < li >
< /ol >
< /ul >
Blair
2/4/10