WebDevelopersNotes logo

home-icon Home / HTML / Creating hyperlinks using images

Creating hyperlinks using images

Creating hyperlinks using images

Text placed between <A> – </A> tags becomes a hot spot providing a link to another document or to some anchor on the same page.
Images can also be used as hot spots if they are inserted between the anchor tags.

Let’s see how this works:

<A HREF="//www.webdevelopersnotes.com>
<IMG SRC="backtohome.gif" WIDTH="150" HEIGHT="30"
ALT="Takes you back to homepage"></A>

Takes you back to homepage

The anchor tag places a colored border around the image. You can remove this border by specifying “0” as the value of the BORDER attribute in the <IMG> tag.

<A HREF="http://www.webdevelopersnotes.com/">
<IMG SRC="backtohome.gif" WIDTH="150" HEIGHT="30"
ALT="Takes you back to homepage" BORDER="0"></A>

Takes you back to homepage

Any image, whether .gif, .jpg, .png or animated gif can be made into a hot spot using this technique.

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

Sponsored Links

Tips

How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]

Fact

The iPad wasn't the first tablet from Apple. The company had produced Newton MessagePad way back in 1993. The MessagePad had a stylus, something that Steve Jobs specifically didn't want on the iPad. [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy