Linking with Images

Back to Index

You can use any image as a link by placing

the <img src=> tag between the <a href=> and </a> tags

---

<a href="../index"><img src="image.gif"></a>

The browser places a border around the clickable image.

However, Netscape has extension's to HTML, giving more control over the appearance of images on your page, as in the examples below.

<img src="image.gif" border="0">

With the BORDER parameter you can remove the border around the image, while it still remains active.

Try it!

<img src="image.gif" vspace="10" hspace="10">

Netscape has parameters VSPACE and HSPACE which are both used in this example using 10 pixels

The greater the number you give for VSPACE and HSPACE the greater the space at the top and sides of the image.

The border is back, but you could easily remove it as before using the BORDER parameter.

---