Inline Images

Most Web browsers can display inline images (that is, images next to text) that are in GIF or JPEG format. Each image takes additional time to download and slows down the initial display of a document. Carefully select your images and the number of images in a document.

To include an inline image, enter:

    <IMG SRC=ImageName>

where ImageName is the URL of the image file.

If the image file is a GIF file, then the filename part of ImageName must end with .gif. JPEG image files must end with .jpg or .jpeg.

Image Size Attributes

You should include two other attributes on <IMG> tags to tell your browser the size of the images it is downloading with the text. The HEIGHT and WIDTH attributes let your browser set aside the appropriate space (in pixels) for the images as it downloads the rest of the file. You can get the pixel size from your image-processing software, such as Adobe Photoshop or Lview Pro.

For example, to include a self portrait image in a file along with the portrait's dimensions, enter:

    <IMG SRC="SelfPortrait.gif" HEIGHT=100 WIDTH=65>

Another attribute that is needed for the <IMG>tag is the ALT attribute. Here's an example Alternative Information Content is equivalent to other content when both fulfill essentially the same function or purpose upon presentation to the user. (Place you mouse pointer on the nautilus shell and wait a second for the alt tag to display text.) Alternative Information Content is equivalent to other content when both fulfill essentially the same function or purpose upon presentation to the user. Equivalent alternatives play an important role in accessible authoring practices since certain types of content may not be accessible to all users (e.g., video, images, audio, etc.). Authors are encouraged to provide text equivalents for non-text content since text may be rendered as synthesized speech for individuals who have visual or learning disabilities, as braille for individuals who are blind, or as graphical text for individuals who are deaf or do not have a disability. For more information about equivalent alternatives, please refer to the Web Content Accessibility Guidelines WCAG 1.0

     <img src="snail.gif" width="54"  height="57" border="0"
     alt= "Alternative Information Content is equivalent
     to other content when both fulfill essentially the same 
     function or purpose upon presentation to the user." >