OverviewThis exercise will help you practice your knowledge of HTML lists, assuming you already have information about how they work. You can get that information by reading:
- Module W22d "Lists in HTML" in this series
- A good text like Elizabeth Castro's HTML for the World Wide Web
We'll give you a list of items to be listed, and ask you to list it in several ways.
Getting Started: Open the template and save-as
Copy this List into
the BodyHere's a possible outline for a student Web site. It has been drafted as preformatted text, so it won't look good on a Web page without some list formatting. Highlight and copy this list from the browser window, and paste it into the body of your lists.htm file so you can format it nicely (as directed below).
Web Site Organization for Sarah Strong Home Page Resume INP150 directory HTML Home Page Formats page Lists page Colors page Links page Images directory Images of WCC page Images of People page INP152 directory Imaging for the Web Home Page Cropping and filtering page Cutting and superimposing page Internet Professional directory INP Home Page Courses page Job prospects page FAQ page International Festival page Banner Ad page INP220 directory Internet 2 Home Page Email Attachments page Copyright Case page
Format
as Unordered ListFormat this list as follows:
- The first line, "Web Site Organization", is the page headline. Make it an <H1> head and (unless your name is Sarah Strong) change the name to your own.
- The next line, "Home Page", is the first level of the list. Make it an unordered list, with a square bullet.
Reminder: whenever you put in an opening tag, immediately put the closing tag in the right place so you don't forget to put it in!- Use the indentation as a guide to levels, and create nested lists to organize the outline. Specify these bullets on each level:
- First level: square
- Second level: disc
- Third level: circle
Save your file frequently!
Check in BrowsersView your list in both Netscape and Internet Explorer. If you spot any errors, correct them in the text file and check again.
Format an Ordered List In a browser, go back once again to the draft outline in this module. Highlight and copy it, then paste it into the lists page at the end of the Body, after the end of the first lists. (This should be a separate set of lists.)
This time, the lists will be Ordered lists. Set them up this way:
- First level: upper-case roman numerals
- Second level: upper-case alphabetic letters
- Third level: arabic numerals
As always, save your file frequently!
|
 |
How to Submit the Assignment Your instructor may specify how to submit the assignment; if you have no other instructions, do this:
You're done!
Audience: This
is for people who understand how HTML lists work and wish to work with lists
hands-on. See module W22d "Lists in HTML" for
information about how lists work.
Objectives: When you successfully complete this lesson,
you will be able to...
About this document...
Module W22k: This document is part
of a modular instruction series in computer technology. For more information,
see the overview
or the list of modules in this series, W: World Wide Web.
This document has been used in the following classes: