Home HTML Tips Link That Image

Link That Image

E-mail Print PDF
Some webmasters are still learning what many already know. In this tutorial I'll show those who do not already know how to make an image into a link. Very useful to know for many reasons. Especially when linking back to others who are linking to you.

The directions below relate to Lil' Hangout, but you can replace the links and image name with the one you are linking to:

1.) Upload the button or banner to your site. Remember the path to the image
Code:

(ex: http://www.yourdomain.com/pathtoimage/image.gif)

2.) Use the following code for your page, replacing the text "yoursite.com/directory/" with your site address and directory you placed the graphic in:

Code:

<a href="http://www.yoursite.com"><img scr="http://www.yoursite.com/directory/lilhangoutlogo.gif"></a>

If you prefer the link to open in a new window:

Code:

<a href="http://www.yoursite.com" target="_blank"><img scr="http://www.yoursite.com/directory/lilhangoutlogo.gif"></a>
 

Domain Names

Sample image .com .info
.mobi .net
.org .tv .us
.biz .ws .name
.am .at .be .cc .cn .de .eu
.fm .jobs .jp .ms .nu .nz
.tc .tw .uk .vg .ASIA .ME

Website Hosting

Sample image We're the affordable, reliable place to host your site. And unlike the competition, there's no set up fee and no annual commitment.

24/7 Support

Sample image Our highly trained, courteous support staff is waiting to help. We'll resolve any issue to your complete satisfaction.