Creating an Html Button that acts as a Link
In this post we will give you information about Creating an Html Button that acts as a Link. Hear we will give you detail about Creating an Html Button that acts as a LinkAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to create an html button that acts as a link, so that when we click on a button it will redirect to another page in a site.
First way
We can achieve this by wrapping a button element with an anchor <a> tag.
Example:
<a href="https://google.com"><button>Google</button></a>
Second way
Style the anchor <a> tag that looks like a button.
<a href="https://google.com" >Google</a>
.btn{ padding: .5rem; background: orange; text-decoration: none; color:black;}Third way
Adding an inline (onclick) event handler to the button element with a location.href property.
<button onclick="location.href='https://google.com'">Google</button>
The value of a location.href property will be the another page url (you need to redirect) like https://google.com.
Hope this code and post will helped you for implement Creating an Html Button that acts as a Link. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs