How to make a hyperlink that works like a button?

Question

Aryan Kumar · Answer

To make a hyperlink that works like a button, you can wrap the hyperlink in an <a> tag with the button type attribute. The button type attribute tells the browser to render the hyperlink as a button.

The following code shows how to make a hyperlink that works like a button:

HTML

<a href="https://www.google.com" type="button">Google</a>

In this code, the <a> tag has the href attribute set to the URL of Google and the type attribute set to button. This will render the hyperlink as a button that, when clicked, will navigate to the Google website.

You can also style the button using CSS. The following CSS code shows how to style the button to have a blue background and white text:

CSS

a.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}

In this code, the a.button selector is used to select all hyperlinks with the button type attribute. The background-color property is set to blue, the color property is set to white, the padding property is set to 10px 20px, and the border-radius property is set to 5px.

forum

How to make a hyperlink that works like a button?

Can you answer this question?

1 Answers