Image Anchor Text

Image Anchor Text: We can use images in place of anchor texts i.e. the webpage visitor shall see some image and when the user clicks on the image, he will be taken to the desired address at the back of that image. Let us look at the below HTML code to understand this:

<img src=”http://www.w3train.com/images/HTML.jpg” alt=”HTML 5 Logo” width=”100px” height=”100px”/>

 

1.  <a href=”http://www.studybee.net”> refers to a link in HTML. This will open the page  www.studybee.net when a user clicks on the link.

2. “</a>” This is the closing tag for the anchor <a href>

“<img src> is the part which has been inserted here to show an image instead of the link.   It is the part which has been inserted here to show an image instead of the link. The result of this insertion will display an image to the visitors and when they click on the link, they will be taken to the anchor link.

Anchor links may be provided for other websites or pages from one’s own websites. This is the same way Google serves ads on its publisher networks.
Keep in mind that anchor links are always visible to the end-user if he hovers the mouse over the anchor image.

The below image reflects this:

HTML 5 Logo

HTML 5 Logo

Hovering the mouse onto the HTML 5 logo, reflects that it is redirecting to the webpage www.studybee.net

Leave a Reply