How to create an image button in HTML?
January 23, 2023Hi Friends 👋,
Welcome To aGuideHub! ❤️
To create an image button in HTML, you can use the img
tag and add an image-like button so the user feels like it’s a real button and do whatever like redirecting.
Today, I am going to show you. how to create an image button in HTML with code example.
This article will guide you to create an image button in html with an example.
Example of make image button in html
Let’s look at the following example to understand how it works:
In this example, I have created an image button and on clicking the image, I redirect the user to the destination.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h2>Button with image in HTML</h2>
<a href=https://aguidehub.com target="_blank"><img src="image/button.png" width="80px" height="40px" alt='image'></a>
</body>
</html>
Check the output of the above code example.
Try the below codesandbox link to customize the above example as per your requirement.
All the best 👍