Linking images is just as easy as linking text.
Difficulty: Easy
Time Required: 2 minutes
Here's How:
- Place your image in the HTML document:
<img src="image.gif" alt="alt text" /> - In front of the image tag, add your starting anchor link:
<a href="URL"><img src="image.gif" alt="alt text" /> - Add a style to remove the border from the image:
<a href="URL"><img src="image.gif" alt="alt text" style="border:none;" /> - Then close the anchor tag right after the end of the image tag:
<a href="URL"><img src="image.gif" alt="alt text" style="border:none;" /></a>
Tips:
- Don't put any spaces between the anchor tag and the image tag. If you do, some browsers will add little ticks beside the image, which look odd.
- If you leave off the style, the image will have a border around it in the default link color.

