HTML Image Links

HTML Image Links

Using graphics will liven up that tired, bland-looking text link. To make an image link simply insert an image within the anchor tag. If you do not know how to use the image tag, skip ahead to the image tutorial and come back after you feel comfortable with it.

<a href="http://www.espn.com" target="_blank"> <img src="ahman.gif"> </a>

 

Notice that by default, many browsers add a small border around image links. This is to quickly deceifer the difference between image links and just ordinary images on a web site. Since this default is different from web browser to web browser it may be best to squelch this ambiguity by setting the border attribute to zero.

HTML Thumbnails

Thumbnails are small size (Kilobytes) pictures that link to the larger, high quality picture. To make a thumbnail save a low-quality version of a picture and make it have smaller dimensions. Now make this low-quality picture into an image link and have it point to the the high-quality picture.

<a href="sunset.gif">

<img src="thmb_sunset.gif">

</a>

 

The anchour tag is applying in image tag . and target in new window.  if you set the image width(attribute) 100 its like 100 px size is showing in front of you.