CS 100 - Computer Literacy, Fall 2004

Lab 5

This lab assignment will have you create a simple HTML page that will contain lists.

HTML Lists

A list displays information in an organized fashion. Each list is indented away from the left hand margin of the page. There are two main types of lists in HTML: ordered lists and unordered lists. The ordered lists use the tag pair <ol> </ol> and preface the items in the list with a numeric value. The unordered lists us the tag pair <ul> </ul> and preface the items in the list with a symbol. There are other list types, but these two are the most common. One of these other list types is the definition list. It uses the tag pair <dl> </dl> and have the list divided into two parts: the terms and the definitions.

Each item in the ordered and unordered lists is denoted by the use of the <li> tag (list item). As shown by the example below. 

Here is a list of common pets:
<ol>
<li> Dogs
<li> Cats
<li> Fish
<li> Birds
</ol>

The above html code would display an ordered list as shown below. Note how the list is indented from the text.

Here is a list of common pets:
  1. Dogs
  2. Cats
  3. Fish
  4. Birds

Here is a description of the order list and unordered list tags.

Ordered lists: <ol></ol> - attributes: type, value

The type attribute allows the numeric values to be expressed in one of five ways: numbers, upper case Roman numerals, lower case Roman numerals, upper case letters and lower case letters. The attribute values for the type attribute are respectively: 1, I, i, A, a.

The value attribute allows you to specify the initial numeric value. This value is specified as a number and will be translated into the proper form according to which type is being use.

Unorder lists: <ul></ul> - attribute: type

The type attribute allows the symbol that denotes each list item to be changed. Possible attribute values include: disc, circle and square.

Lab Assignment 5

Due: Friday 10/1/2004 by 8:00 am

Create a file with the proper html code to display the following information:

  1. A title of CS 100 Lab 5
  2. A heading of CS 100 Lab 5
  3. An unordered list containing your name, Net-ID, Time of Lab
  4. A paragraph (or two) describing the ordered list to be given as the fifth piece of information.
  5. An ordered list of at least 5 items about anything you wish.
Use the UNIX turnin command to electronically hand-in your html file using the project name of lab5. To submit the file in <filename> for lab5, the turnin command is entered as: 
     turnin -c troy -p lab5 <filename>

The ordered list that you submit can be on any topic you like. For example, your list could be: