How to Turn an Image into a Link in HTML

Using images as links in your website is a great way to spruce up your page, and the best part it– it’s extremely simple to do!

Okay, let’s say that you have an image you wish to turn into a link.  For instance, I’m going to use the image below that I created in Photoshop..

I have it saved as mrsmalls.png on my computer.

To place it into your website, you use the following image tag:

<img src=”mrsmalls.png” alt=”mrsmalls”/>

That tag will add your image into the designated spot in your website.  In order to make it into a clickable link, add the link tag around the image tag as shown below:

<a href=”mrSmallsWebsite.html”><img src=”mrsmalls.png” alt=”mrsmalls”/></a>

That simple line of nested code will activate your image as a link and add another aspect of design to your site.

 -Christina Ranalli

~ by christinaranalli on December 13, 2011.

%d bloggers like this: