About Me

Line Bar
CS Home
Assessments
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8


Welcome to Drusha.Net the homepage of Andy Hatfield.

HTML Lesson 5
Inline Images

Pictures, pictures everywhere... Pictures are what originally separated the WWW from the original internet. Today you will learn how to insert inline images (pictures) into your HTML documents. Concepts learned today will be as follows:

  • Images Size Attributes
  • Aligning Images
  • Alternate Text for Images
  • Images as Hyperlinks
  • Background Graphics
  • Background Color
  • External Images, Sounds and Animations

Assignment:

  • Create a new web page that will be used to show off your pictures of the topic that you chose.
  • Create a link in your default.htm web page that links to the new picture page that you just created.
  • Add a picture to your web page. Make sure that your picture has appropriate alternate text. Make the size of this picture much smaller than the picture actually is.
  • Add a link to the above picture that will display the picture in full size.
  • Top align the text with this picture.
  • Change the background color for all of the pages that you have created. Make sure that the text and links are visible with the color you choose.


© Copyright 2002 Andy Hatfield @Drusha.Net, All Rights Reserved