How to create a href link that will act like a button?
Ask by Utpal Vishwas
Updated 02 Sep 2023
To create a
<a>tag that will behave like a button, you can set itstypeattribute tobutton. This will tell the browser to render the link as a button, rather than as a regular hyperlink.For example, the following code will create a link that will behave like a button:
HTML
You can also style the button using CSS. For example, the following CSS code will style the button to have a blue background and white text:
CSS
In this code, the
a.buttonselector is used to select all links with thetypeattribute set tobutton. Thebackground-colorproperty is set to blue, thecolorproperty is set to white, thepaddingproperty is set to 10px 20px, and theborder-radiusproperty is set to 5px.Here are some additional things to keep in mind when creating a
<a>tag that will behave like a button:hrefattribute is still required, even though the link will not actually navigate to the specified URL.targetattribute can be used to specify the target window or frame for the link.onclickattribute can be used to specify an event handler that will be triggered when the button is clicked.