HTML – Image Links

53

HTML Code:

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

Image Link:

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 Code:

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

Image Link; No Border:

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.

HTML Code:

<a href="sunset.gif">
<img src="thmb_sunset.gif">
</a>

Thumbnails:

HTML - Image Links
loading...
SHARE

LEAVE A REPLY