How To Add A Clickable Image In HTML

Using HTML to create clickable images that can lead to any website that you specify.

Introduction

In this post we will learn how to create a clickable image , that is an image in your html page that when clicked, will lead to any website page.

Steps

1. First write the URL link address inside the <a> hyperlink .

2. Inside this hyperlink, wrap the image source inside this hyperlink as shown below in the source code .

3. Now, try clicking anywhere on the image in the preview window and lo and behold! You are forwarded to the specified web page that you had mentioned in your hyperlink.

4. You may view the preview image here.The source code link to read the code in a code editor :

   Code:

<h1>CLICKABLE IMAGE LINK</h1>

<a href = "https://meerateachestech.blogspot.com">

    <img src = "https://i.imgur.com/vRjjYek.png" alt = "clickable image">

</a>

Conclusion

Now you know how to create a clickable image that when clicked can lead to your specified web page! This is so useful when you want to send people to your landing page by using interesting clickable images .

More related reads