HTML No Borders Around image Links

Suppose you have a button-like image that is inside a link. Users can click on the image to go to whatever resource the button represents. For example, this button link brings you to Google's home page:

<A HREF="http://www.google.com"><IMG SRC="google.png"
 HEIGHT=21 WIDTH=64 ALT="Google"></A>

which creates this button link:

Google

By default, putting an image inside a link puts a border around the image. However, most people browsing the web these days recognize "link situations" and know that the button is a link. So suppose you want to remove the border. It's actually quite easy. Just add BORDER=0 to the <IMG ...> tag:

<A HREF="http://www.google.com"><IMG SRC="google.png"
BORDER=0 HEIGHT=21 WIDTH=64 ALT="Google"></A>

which gives us this button:

Google

How to Make an image Map >