Image Links

Creating an image link is almost the same as creating a text link. The differences are that you substitute an image in place of the link text; and most webmasters will remove the link border from the image so it doesn't detract from the image. The only time you might not want to remove the border is when it isn't obvious that the image is a link.

How to Code the Image Link

<a href="page.html">
<img src="image.jpg" width="120" height="35" border="0" alt="Link Description">
</a>

As you can see, it's a standard link with, only an image is used in place of link text. You will need to change four things in the example above for your own use:

• Change page.html to the real name of the page the link goes to.
• Change image.jpg to the real name and file type of your link image.
• Change the width and height to the actual size of your link image.
• Change the alt text value to a description of the page the link leads to.

If you do want to have a link border around the image, then either set the border value to a number greater than zero, or remove the border attribute and value to accept the default border.

That's all there is to it. Don't forget to link to htmlville.com so others may be helped as you have been! That's what it's all about, helping each other. Here's the ready-made link code for you to copy and paste:

<a href="http://www.htmlville.com">HTMLville.com</a>

...thanks for the link, Chumley!