Making An Image A Link

Any image can be a hyperlink to another webpage or another website all together. This will allow your website’s visitors to click on an image and go to a different webpage automatically. We will start using the same code as we did in the previous tutorial and build on it in this example:

<img src=”/support/Images/image.jpg” align=”middle” width=”250″ height=”320″ />

Now we will make it a link.  The basic tag to make something an active hyperlink is <a href=”/support/___”>object/text to be linked</a>.  This looks very foreign to new website designers, since href is not a “word” that most people have seen before, but it is used whenever you want to create a link on your website.  As with other tags, make sure that you close the <a href> tag with the </a> at the end or the hyperlink will never end.  For images, you will simply put the hyperlink tag before and after your image code:

<a href=”/support/morepictures.html”><img src=”/support/Images/image.jpg” align=”middle” width=”250″ height=”320″ /></a>

The link above will make the image (image.jpg) a hyperlink to the page morepictures.html on your website.

Was this post helpful?

Leave A Comment?

This site uses Akismet to reduce spam. Learn how your comment data is processed.