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:
The scrollbar takes up about 30 pixels.
TIP:
If you're designing for an 800px screen width don't use more than 770 pixels!





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


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