This page shows how to make image hyperlinks. This is done by replacing the hyperlink href anchor text with some HTML image img code.

Works with images such as .jpg, .jpeg .gif, and .png.



<a href="html-image-hyperlink.php"><img src="images/sample-image.jpg" title="Example Image Link" width="600" height="400" /></a>



<a href="http://www.hyperlinkcode.com/html-image-hyperlink.php"><img src="http://www.hyperlinkcode.com/images/sample-image.jpg" title="Example Image Link" width="600" height="400" /></a>



Replace image img width and height values with the size required. Make sure the image is scaled properly. Use Constrain Proportions in your image editor to determine the exact sizes.


<a href="http://www.hyperlinkcode.com/html-image-hyperlink.php"><img src="http://www.hyperlinkcode.com/images/sample-image.jpg" title="Example Image Link" width="500" height="333" /></a>



<a href="http://www.hyperlinkcode.com/html-image-hyperlink.php"><img src="http://www.hyperlinkcode.com/images/sample-image.jpg" title="Example Image Link" width="400" height="267" /></a>




If you need to open the hyperlink in a new browser window, please check this article.


Web Design