Task 7 – HTML Lists

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:

  1. First row
  2. 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