<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>
<a href="https://google.com" class="button">Go to Google</a>
<!-- 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" />
button.link {
display: inline-block;
position: relative;
background-color: transparent;
cursor: pointer;
border: 0;
padding: 0;
color: #00f;
text-decoration: underline;
font: inherit;
}
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
button {
background: none!important;
border: none;
padding: 0!important;
/*optional*/
font-family: arial, sans-serif;
/*input has OS specific font-family*/
color: #069;
text-decoration: underline;
cursor: pointer;
}
<form method="link" action="{% url 'gui' %}">
<input type="button" value="Start">
</form>