home Designing Webpages
Ka-Neng Au
HOME
INTRODUCTION
LAYOUT
FORMAT
LINKS
LISTS
TABLES
BACKGROUNDS
IMAGES
NAVIGATION

IMAGES

earth from outer space The two most common types of image file formats in use today are Graphics Interchange Format - gif (prounced "giff" or "jiff") and Joint Photographic Experts Group - jpeg (pronounced "jay-peg"). Technically, these two formats are not the same but images can be converted from one to the other with appropriate software. The basic syntax of the image tag is:
<img src="earth.gif" width="85" height="87" alt="earth from outer space" /> Let's look at the various attributes for the image tag: <img ... /> = image tag src = source, file name of image width = width in pixels height = height in pixels alt = alternate description (see what happens when you float your mouse over it)

Exercise:

  1. Use your browser to navigate to one of the following collections of pictures and images:
  2. Use your mouse to point at an image or graphic and click the Right mouse button.
  3. A menu will pop up. Choose the option to Save Image As.
  4. A dialog box will appear. Change the drive or directory to where your Webpage is and save the image there e.g. A: for your floppy disk, or My Documents on the desktop.
  5. Give the image a file name that you can remember (not necessariliy the default name given). Make sure the extension is three characters e.g. myimage.jpg or picture.gif
  6. Click on the OK button to save the image.
  7. Insert the image into your Webpage.
This page was last updated 24 March 2004.