ALS 3203 - Lesson 7
(HTML - Special Characters, Images, and Lists)

Lesson Objectives:
  1. Use HTML to create a simple web page
  2. Use HTML to create and insert special characters into your web pages
  3. Learn how to select and download images from the Internet
  4. Learn how to place your images into web pages
  5. Learn how to create bulleted and numbered lists in your web pages
Lesson Tasks:
  1. Create a web page. Title it Characters, Images, and Lists (both in the <title> and on the page itself.
  2. Make the document title LARGE (i.e., <H1>), centered on your page.
  3. Insert 8 special characters into your web page. (Examples and instructions) If you ever have a need to insert Greek characters into a web page, read about inserting Greek characters into a web page.
  4. Download any different 6 (six) images from the Internet. You may save any image on the Internet by right-clicking on the image and choosing save target or save picture as (menu choice may vary). Several sites are also listed below that have free clipart (images) for downloading.
  5. Create a table (2X3 cells or 3X2 cells) in your web document. Place your downloaded images into the table, one image per cell. (Read how) Be sure to use an alt="" statement with each image. This provides information for users that can't or don't want to view graphics in a web page.
  6. Beneath the table containing your images, add a bulleted list and a numbered list that contain the 6 filenames of your images. Each list will have the same 6 names. (How to create lists)
  7. Save your html file, named according to our class instructions, and your images, in your als3203 folder. In order to see the table with the images, the files must be in the same location. Otherwise, you will see empty boxes in your web page. Be sure to use relative paths to your images.
  8. Email me your html file and the six images as attachments to a single message. [You can attach many files to the same message]. If you have the capability, zip all of them into a single file. That will bypass Spam filter blocking.
  9. Also, use the Exercise Form and submit your web page HTML code to me!
  10. BONUS CHALLENGE - FOR THOSE WHO WANT TO PUSH THE ENVELOPE!!! - Try to reproduce any of the text on this page using HTML only!
  11. Finally, when you have finished, Complete and submit Lesson Completion Certification

Lesson 7 Resources:

  1. Glossary of terms
  2. Web sites dealing with HTML and Special Characters:
  3. Web sites dealing with HTML and images:
  4. Websites dealing with clipart
  5. Web sites dealing with HTML and lists:

Introduction Begin Lesson Lesson 7 Glossary Email me
Today is:
University of Florida Home Page