HTML

button element in html

<button></button>

<!-- example -->
<button id="mybutton">A BUtton</button>

<!-- add CSS to align(etc.) and resize them -->
<style>
  #mybutton {
	margin-top: 50%;
    margin-left: 50%;
    width: 250px;
}
  </style>
<!-- here, I centered my button -->

html button

<!-- To access the button in css, use a dot (.) and one of the words in "class". I like to define my buttons as "button" and then the specific number so i can customize all the buttons individually while still having a way to customize them all. The "onclick" is used to make functions for JavaScript so that something actually happens when you press the button. -->
<button class="button button1" id="button" onclick="buttonfunction();"> This is a button </button>

button in html

<a herf="blah file/page2"><button>Your Text Here</button></a>