This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

HTML Coding

Images

Note: The HTML pages are out-of-date and will not be updated.

The following tables provide the basic codes for inserting images in your web documents. For more detailed information and instruction on the use of images, refer to Adding Images to Web Pages.

You may also want to include image maps in your documents. Image maps allow you to use an image as a link. The Microsoft FrontPage XP document on Image Maps provides more information.

return to topBasic Image Codes

On Purpose/Explanation
<IMG SRC="url" ALT="some text"> (Image Source Code) Inserts an image from the designated URL. The ALT text is displayed if the image cannot be displayed.
<A HREF="url for mapping file">
<IMG SRC="url for graphic" ISMAP>
</A>
(Code for Server Side Image Maps) The ISMAP attribute tells the browser that this image is mapped. If a user clicks in a certain area of the image, the browser will consult the mapping file at the designated URL. The mapping file URL is referenced in the <A HREF> surrounding the image tag.
<IMG SRC="url for graphic"
USEMAP="#mapname">
(Code for Client Side Image Maps) The USEMAP attribute indicates that the image map information is included within your HTML file. The mapname is the name of the section with the mapping information.
<A HREF="mapping file url">
<IMG SRC="url for graphic"
ISMAP USEMAP="#mapname">
</A>
(Code for both Client Side and Server Side Image Maps) Allows you to retain the benefits of Client Side Image Maps but still have the image map widely available to users. For a more detailed explanation of this option and other image map information, see Adding Image Maps to your Documents.

return to topAdditional Attributes

The following attributes may be used within the IMG SRC code

On Purpose/Explanation
WIDTH=n Defines the width of the image. Replace "n" with a number value proportional to the height of your image. Specifying the height and width of your image is a good idea, since doing so can help increase the speed at which the image loads on the page.
HEIGHT=n Defines the height of the image. Replace "n" with a number value proportional to the width of your image.
ALIGN=. . . Alignment options include LEFT, RIGHT, CENTER, TOP, and BOTTOM. The Alignment of Images section of Adding Images to Web Pages describes how each type of alignment affects your text and image.
Excellence. Our Measure. Our Motto. Our Goal.