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.

