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="/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 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="/support/morepictures.html"><img src="/support/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.

Did you find this article helpful?

Login to comment.

Your Opinion Matters

... but we need to know what you're thinking!

The Community Support team wrote the article you're looking at now. We like to think it's perfect, but we're sure you have some suggestions. Please, let us know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

Support Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.