Adding Images to Your Web Pages

 

One of the great features of publishing on the Web is the ability to add images to your Web pages.

 

Finding Images

There are archives of images available on the Web. For example, a list of icon archives (balls, bars, buttons, etc.) is available through the Yahoo directory.

 

Saving Images

Once you have found an image you would like to use on your Web page, follow the instructions below to save it.

  1. Move your cursor over the image. If you are using an IBM-compatible computer, press the right mouse button. If you are using a Macintosh computer, hold down the mouse button until the menu appears.

  2. Highlight the "Save Picture As. . ." option.

  3. Save the image on your desktop.

 

Inserting Images

After you have saved the image you want to use, you can add it to your Web page by using the <img src = "image.gif" /> tag. Note: In this example, "image.gif" would be the name of the image file. Your image file name will be different.

At present, there are two standard formats for images on the Web: .gif and .jpg
(gif = graphics interchange format & jpeg = joint photographic experts group)

 

Hands On - add an image to your Web page

Return to the HTML I class outline

Last updated on January 12, 2005 (im & lh)
Olin and Uris Libraries
IRIS: Instruction, Research & Information Services
Tony Cosgrave (ajc5)
URL: http://www.library.cornell.edu/olinuris/ref/ws/html/imgpage.htm