Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how to create a href link that will act like a button?
Ask Question
Utpal Vishwas
Utpal Vishwas

Student

I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Message

1 Answers

Aryan Kumar
Aryan Kumar 02 Sep 2023
Report Abuse

To create a <a> tag that will behave like a button, you can set its type attribute to button. 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

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

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

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 links with the type attribute set to button. 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.

Here are some additional things to keep in mind when creating a <a> tag that will behave like a button:

  • The href attribute is still required, even though the link will not actually navigate to the specified URL.
  • The target attribute can be used to specify the target window or frame for the link.
  • The onclick attribute can be used to specify an event handler that will be triggered when the button is clicked.
MindStick Training
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md