Ross Sheppard High School
Computer Programming 10
Student Learning Guide
Using Lists


  When you have finished this project, you will be able to:
create a Web page that uses lists
describe the circumstances under which each type of list would be used

describe the following terms:

  • ordered list
  • unordered list
  • descriptive list
  1. Often, a web page will need to list a series of items in a column. There are three types of lists for which there are HTML tags: The above list is an example of an unordered list.

  2. An Ordered List looks like this:

    1. Ordered
    2. Unordered
    3. Descriptive

  3. A Descriptive List looks like this:

    Ordered
    You can include a description
    Unordered
    You can include a description
    Descriptive
    You can include a description

  4. The example below illustrates the required code for each type of list:

    Unordered List


    Ordered List



    Descriptive List



    The <DT> means Descriptive Title
    The <DD> means Descriptive Definition


  5. There are variations to some of the lists that allow more control over the list. For example, an Ordered List can be set to start at a number other than 1 by using the START tag:

    To Start an Ordered List at #5


  6. An Ordered List can also consist of Roman Numerals by using the TYPE tag:

    To have an Ordered List use Roman Numerals



  7. Make a new folder on your personal drive called Lists.

  8. Create a single web page that uses all three types of lists, and the three variations of an Ordered List (that's 5 lists in total). You should use several of the other HTML tags and features that you have learned before.

  9. Click here to see the marking guide for this project.

  10. Save the project folder in your "Hand In" folder on your personal disk space so that this project can be graded..


© 1998-2000 N.F. Mathew, EdD
File name: Lists.htm
Last updated on October 19, 2003
J. Heslinga, DTE