PRISM MULTIMEDIA

HTML IMAGES

The img tag is used to put an image in an HTML Page

<img src="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials">

The src attribute tells the browser where to find the image.

The width and height attributes are necessary because if they are excluded, the browser will tend to calculate the size as the image loads, instead of when the page loads, which means that the layout of the document may jump around while the page is loading.

The alt attribute is the alternative description. This is an accessibility consideration, providing meaningful information for users who are unable to see the image (if they are visually impaired, for example).

the img element does not enclose any content, no closing tag is required.

The most commonly used file formats used for images are JPEGs, GIFs, and PNGs. They are compressed formats, and have very different uses.

To reduce download times as much as possible two of the best image compressing formats used on the web are:

GIF JPG

256 colors Unlimited colors

Can handle transparent areas Can't handle transparent areas

This format is not good at compressing photographs

Excellent for compressing photographs and complex images

In general, it is excellent for banners, buttons and clipart

In general, it is not good for banners, buttons and clipart.

Adding Border to an Image

You can add a border to the image using the border setting like

<img src="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5”>

Spacing Around the Image

You can easily add space over and under your images with the Vspace attribute.

<img src="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5” Vspace="10">

THANK YOU