We go over how to make text into a hyperlink in the next class, but you may also want to have the image be a link. This would allow your visitors to click on the image and go to a different page automatically. Just to continue building on the image code that we have been using this section, we will use this in our example:
<img src="/help/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="/help/___">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 place 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="/help/morepictures.html"><img src="/help/Images/image.jpg" align="middle" width="250" height="320" /></a>
Now your image is an active hyperlink and will go to the web page morepictures.html on your website. Please see our section on creating links for more information.