Html link open in new tab

Linking a button to another page is a common requirement in web development. It can allow the users to navigate between a website's different sections or pages.

This can be done using the various HTML elements.

Prerequisites

1. Using <a> Tag Styled as Button

The <a> tag is traditionally used to create hyperlinks to navigate from one web page to another.

By default, <a> tags can be displayed as clickable text links.

How to create hyperlink in html with example

How to create hyperlink in html with example

Anchor tag in html

Anchor tag in html with example

Link to another html page in same folder

Html how to link to another page on the same site

However, by applying the CSS styles, we can make the <a> tag look and behave like a button.

Syntax

<a href="destination.html" class="button-class">Click Me</a>

Output

2.

Using <button> Tag with an onClick Event

The button element can be used to define the clickable button. By using the onClick attribute, we can specify the code that will execute when the button is clicked. This method can directly change the windoe.location.href property to navigate to the another page.

Syntax

<button onclick="location.href='destination.html'">Click Me</button>

Outp

how to link another page in html using submit button

link to another page section html