This task will show you different ways to lay out lists of items using HTML list tags. These can be extremely useful for things like lists of school subjects, classes, or teachers.
Unordered List (with ‘bullet’ marks)
<UL>
<LI>First Row
<LI>Second Row
</UL>
This would look like:
- First row
- Second row
Ordered List (with numbered items)
<OL>
<LI>First row
<LI>Second row
</OL>
This would look like:
- First row
- Second row
Unordered List (not marked)
<UL>
<DT>First Row
<DT>Second Row
</UL>
This would look like:
- First row
- Second row
Step 1. If you haven’t already got a page with some items to format into a list, then add some list items to an existing page, or create a new page and add some suitable items.
Step 2. After you’ve made and previewed your listing items, try altering the size of the text using the header tags (<H1> etc) and don’t forget to close the header tags (</H1> etc).
Step 3. A slightly more complex but very common use of lists is to put clickable links into a list. You should know enough to be able to do this now. Try it on your own
