To create an HTML button that acts like a link, you can use the button
element with an onclick
attribute that contains a JavaScript function that opens the desired URL.
Here’s an example of how you can create a button that opens a URL in a new tab:
<button onclick="window.open('https://www.example.com', '_blank')">Open Link</button>
This will create a button with the text “Open Link” that, when clicked, opens the URL https://www.example.com
in a new tab.
Alternatively, you can use the a
element to create a button that acts like a link:
<a href="https://www.example.com" target="_blank" role="button">Open Link</a>
This will create a link that looks and behaves like a button, and opens the URL https://www.example.com
in a new tab when clicked.
Keep in mind that using the button
element is more semantically correct for creating buttons, while using the a
element is more semantically correct for creating links.