What is an HTML Link

Hyperlink is a pointer from one HTML document to another one, the target may be same website location or some other location on the Internet. An HTML Link tag starts from < a > and end with < /a > tag, everything between these two will work as a Link.

<a href="www.mywebsite.com/next.html">Next</a>

How to Image Link ?

Creating an Image Link is almost the same as creating a text Link. You can create an Image Link by substitute an image tag in the place of the link text

Consider the above text link and we are going to replace the link text "NEXT" as an Img tag.

<a href="www.mywebsite.com/next.html"><img src="next.png"></a>

In the above code we just replace the text "NEXT" to an HTML IMG tag .


HTML Source Code :

<html> <body > <a href="www.mywebsite.com/next.html"><img src="next.png"></a> </body> </html>

If you move the mouse over the Image Link, it will turn into the little pointing hand and when you click it will act same as normal link. Some browsers will automatically display a border around your image link , to turn off this border , set border=0 in your IMG tag.

<a href="www.mywebsite.com/next.html"><img src="next.png" border=0></a>