Using Images

The IMAGES tag has a few new attributes added to allow more control over placement of images and surrounding, within the document window.

These new attributes are:

BORDER

Determines the size of the border around the image. Setting the border to zero (0) eliminates the default border around images used as links.

VSPACE

Adds spaces above and below the image. Spaces are measured in pixels, so the amount of actual space will vary depending upon the screen resolution of the end user.

HSPACE

Adds spaces to the left and right of the image. Spaces are measured the same as for VSPACE.

WIDTH

Identifies the pixel width of the image. This allows browsers to allow for the image's space requirements when laying out the page in the browser window before the image is received.

HEIGHT

Identifies the pixel height of the image. Performs the same function as WIDTH.

USEMAP

Used for identifying the image as a client-side image map, as opposed to a server-side, and where the area definitions are located (within the current document).

NOTE: Never use the HEIGHT and WIDTH attributes for scaling down the size of an image, always change the actual size of the image to reduce download time and conserve server space!

Home Page | Session 4 Index | Fonts | Divisions