Lesson 7
Lists
Types of lists
There are two types of lists in HTML: ordered and unordered. both types of list are indented on the page. Individual items in an ordered list are preceded by a number while items in an unordered list are preceded by a bullet. (see below)
Here is an ordered list:- Get out of bed.
- Use the bathroom.
- Get dressed.
- Go to the kitchen.
- Put the kettle on!
and here is an unordered list:
- Tea
- Coffee
- Water
- Beer
- Gin
Here are the relevant tags for lists:
| Start tag | End tag | |
| Ordered list | <ol> | </ol> |
| Unordered list | <ul> | </ul> |
| Each item | <li> | </li> |
Click here to see a simpler page with lists that you can examine.
Nested lists
Sometimes you may have a need to nest one list within another list. This can be easily done, but there is a trap that we all fall into! Remember that the nested list has to be part of one of the items in the nesting list. To see how this is done, click here.
