forum

Home / DeveloperSection / Forums / How to make a hyperlink that works like a button?

Ask Question

How to make a hyperlink that works like a button?

Revati S Misra 150 29-Aug-2023

How to make a hyperlink that works like a button?

html html  html element 
Updated on 02-Sep-2023
Revati S Misra

Revati S Misra

Follow
Skilled in SEO, content writing, and digital marketing. Completed several years of working in many organizations including multinational companies. I love to learn new things in life that keep me motivated.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

02-Sep-2023

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.

Liked By