How to Make An Image Into a Clickable Link

To make an image into a clickable link that works just like a regular link, you need to wrap it inside an HTML anchor element.

The structure of your anchor element is the same as if you add a regular link inside a text block in a blog post, but instead of wrapping your anchor (link) element inside paragraph tags (<p></p>) you wrap your image element (<img>) inside anchor tags <a></a>.

<a href="">
<img src="" width="150" height="150" alt="Eric Cartman" />

The result:

Eric Cartman

If you click on the image you will be taken to the front page.

Has this been helpful to you?

You can support my work by sharing this article with others, or perhaps buy me a cup of coffee 😊


Share & Discuss on