Essential HTML Lab

For this lab, you will use Notepad to create a Web page. The goal of this lab is to manually construct correct and compact HTML code to give a well-designed result. As you carry out each step, make sure you view your results with your favorite web browser.

Steps

  1. Start with the basic web page structure given in the templates section of the WWW Workshop. Save a template to your diskette, and edit the information in Notepad and save it with the filename "yourname.html".
  2. Add a meaningful title to the heading of your web page.
  3. Add a modifier to the BODY tag to make your page background your favorite color (try typing in the color name in quotes; if that doesn't work try a different name).
  4. Create a level 3 heading, with the text in purple, that says "My Favorite Foods". You will need to use both the heading tag and the font tag for this task.
  5. Create an ordered list of your five favorite foods.
  6. Strongly emphasize the list item for your very favorite food.
  7. Emphasize the list item for your second most favorite food.
  8. Download an image from the Web and place it in your document using the IMG tag. Don't forget to include appropriate ALT text!
  9. Add a line at the bottom, right before the end of the document, stating that this document is copyright by you. Use the copyright symbol.

When you are finished, inspect your code. If there are any extra bits of unneeded HTML code lying around, you should remove them from the document before saving it.

Turn in a printout of your source code file, and a printout of the page.

Resources

The following information may be helpful in creating this page as well as in future work:

HTML
Graphics
Instead of recommending specific Web sites, I'm sending you to the Free Clipart site so you can hunt out your own clip art. Browse around, see what looks good, download it, and use it!
Backgrounds and Colors
You may also choose to use Yahoo or one of the other search programs to assist you in locating information.