Using images as links offers two distinct advantages to both you and your visitors. First, images really can be as good as a thousand words. Second, including an image link can replace several words or lines of text, leaving valuable space for other page elements. Small image links (called thumbnails) representing larger images can decrease loading time.

	Creating Image Links
	Creating Thumbnails

If you include an <IMG> tag inside the opening and closing parts of a link tag (<A>), that image serves as a clickable hot spot for the link itself. If you include both an image and text in the anchor, the image and the text become hot spots pointing to the same page. Be careful when setting Border to zero for images with links. The border provides a visual indication that the image is also a link.

Example:

<A href="developers.html> <IMG src="Eclipse.jpg" height="75" width="250" align="left"> </A>

In this exercise, you will learn to turn an image into a clickable hot spot.

Turn an image into a link simply by including it in the descriptive content of the anchor tag (<A>).

Take your cursor over the image shown in the page to see the effect.

A thumbnail is a smaller version of an image. Thumbnail can also link to multimedia applets. To add a thumbnail image, start by having both images - the thumbnail and the larger version. Like image links, be careful when setting Border to zero for images with links. The trick to effective thumbnails is to reduce both the dimensions and the actual file size to the smallest possible value so that the page will load quickly.

<A href="Babylarge.jpg"> <IMG src="Baby.jpg"></A>

In this exercise, you will learn to display and access a thumbnail image.

Include the thumbnail file name in the <IMG> tag and the referenced file name in the anchor tag (<A>).

Click the thumbnail shown on the top left corner of the page. This will show you the actual image.

This is your actual image.

Copyrights : Layout Galaxy All Rights Reserved No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.