HTML - Image Links

Using graphics will liven up that tired, bland-looking text link. To make an image link simply insert an image within the anchor tag. If you do not know how to use the image tag, skip ahead to the image tutorial and come back after you feel comfortable with it.

HTML Code:

<a href="http://www.espn.com" target="_blank"> <img src="ahman.gif"> </a>

Image Link:

Notice that by default, many browsers add a small border around image links. This is to quickly deceifer the difference between image links and just ordinary images on a web site. Since this default is different from web browser to web browser it may be best to squelch this ambiguity by setting the border attribute to zero.

HTML Code:

<a href="http://www.espn.com" target="_blank"> 
<img src="ahman.gif" border="0"> </a>

Image Link; No Border:

HTML - Thumbnails

Thumbnails are small size (Kilobytes) pictures that link to the larger, high quality picture. To make a thumbnail save a low-quality version of a picture and make it have smaller dimensions. Now make this low-quality picture into an image link and have it point to the the high-quality picture.

HTML Code:

<a href="sunset.gif">
<img src="thmb_sunset.gif">
</a>

Thumbnails:

Posted in: HyperText MarkUp Language