CS 100 - Computer Literacy, Spring 2005
Lab 9
This lab assignment will have you add some lists to
your Icarus Home Page.
To connect to Icarus from SEL, follow these steps:
- Click "Start"-->"All Programs"-->"Network Connectivity"-->"SSH Secure Shell"-->"Secure Shell Client". This will open SSH Client.
- Click "Quick Connect" icon or "Enter" key to connect to a host.
- The host name is:icarus.uic.edu, the username is your netid, the password is your netid password.
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. When using the Swiki, we referred to ordered lists as numbered lists
and unordered lists as bullet 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:
- Dogs
- Cats
- Fish
- 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 9
Due: Monday 3/28/2005 by 12:00 noon.
Modify (or create) the file in the web directory of your icarus account
with the name of index.html.
This file is to contain:
- An unordered list containing your Net-ID, your major and your
year (i.e. Freashman, Sophomore, Junior or Senior)
- A sentence (or two) describing the ordered list to be given
for the next part of the assignment.
- An ordered list of at least 5 items about anything you wish.
The ordered list that you submit can be on any topic you like. For
example, your list could be:
- Your 5 favorite songs
- The last 5 movies you saw
- The 5 best museums in the Chicago area
- The 5 players who would make the worlds best basketball team
Verify that your file is viewable via a web browser
at the URL of:
http://icarus.uic.edu/~NETID
where NETID is your own Net-ID
You can check this out via the link to your home page on the
CS 100 Student List page.