<a href="https://www.google.com">
<button>Go to Google</button>
</a>
<a href="www.google.com"><button>Click Here</button></a>
<button type="button" onclick="window.location.href='the link you want the button to take you to'">Click me</button>
<button onclick="window.location='(link)'"> Click this </button>
<!-- VIA HTML -->
<form action="https://google.com">
<input type="submit" value="Go to Google" />
</form>
<!-- VIA CSS -->
<a href="https://google.com" class="button">Go to Google</a>
a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
}
<!-- VIA JAVASCRIPT -->
<input type="button" onclick="location.href='https://google.com';" value="Go to Google" />
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
button with hyperlink
<form method="link" action="{% url 'gui' %}">
<input type="button" value="Start">
</form>