How to Add Link on Image and Text in HTML

Tuesday, 24 July 2012

How to Add Link on Image and Text in HTML

If you want that you have not to put full URL on your page, instead a user click on a single word or image on your web page and the link instantly open. First of all i will tell you that how to put simple image on your Web Page:

<img src="Image URL">

Note: Remember that one thing whenever you put any link in HTML start it with http://www.example.com

Put Your Link on a Single Word:

<a href="URL">Click Here</a>

Put Your Link on Image:

<a href="Target URL"><img src="Image URL"></a>

If you want that when someone click on the link then the link should open in New Tab:

<a href="Target URL" target="_blank"><img src="Image URL"></a>

For your Understanding:

Coding technique is same for text and image URL, the difference is that image source coding take place the Text Word (e.g Click Here replace with <img src="Image URL">)