EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Links


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  HTML Links :
IMAGE LINKS








If you want to make an image work as a link, the method is exactly the same as with texts.

You simply place the <a href> and the </a> tags on each side of the image.

Below is the HTML code used to make the image work as a link to a page called myfile.htm:




<a href="myfile.htm"><img src="rainbow.gif"></a>



If you haven't entered a border setting you will see a small border around the image after turning it into a link. To turn off this border, simply add border="0" to the <img> tag:

<a href="myfile.htm"><img src="rainbow.gif" border="0"></a>


Images that work as links can show a popup text when you place the mouse over it.
This is done with the alt property in the <img> tag.

For example:

<a href="myfile.htm"><img src="rainbow.gif" border="0" alt="Link to this page"></a>



Link to this page



 << PREVIOUS
READ MORE >>  
















DEVELOPER TIP!
FACT:
Few of the web's most visited sites use more than 15 different tags.
TIP:
An HTML editor may help you create pages faster.
But it also means that your pages load slower and that your design options are limited.

It doesn't take a hardcore nerd to learn 15 tags in HTML!





     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho