EchoEcho.Com
COMPLETE TUTORIALS

HOME TUTORIALS HTML LINKS          

EchoEcho.Com
TOOLS & RESOURCES
 HOME 
 
 TUTORIALS 
 
 RESOURCES 
 
 TOOLS 
 
 DOCUMENTATION 
 
 NEWS 
 
 SITEMAP 

 
  SEARCH THIS SITE

Tell a friend about this site
SUGGEST THIS SITE      

HTML Links


INTRODUCTION

HOW TO MAKE A LINK

COLORS ON TEXTLINKS

LINK TARGETS

NO UNDERLINE

ADVANCED TEXTLINKS

IMAGE LINKS

IMAGE MAPPING

LINK WITHIN A PAGE

LINKS IN FRAMESETS

LINK TO NEW WINDOW

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 pop-up-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>





<< PREVIOUS
READ MORE >>


IN THIS SECTION


HTML BASICS

TEXT

LISTS

IMAGES

LINKS

BACKGROUNDS

TABLES

FRAMES

FORMS

METATAGS

HEXCOLORS




EchoEcho.Com
COMPLETE TUTORIALS
 HOME 
 
 TUTORIALS 
 
 RESOURCES 
 
 TOOLS 
 
 DOCUMENTATION 
 
 NEWS 
 
 SITEMAP 

EchoEcho.Com
TOOLS & RESOURCES


(c) Copyright 1998-1999 NetKontoret - All Rights Reserved         Last modified on: 09/18/1999 01:36:05