<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 --><!-- 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><a herf="blah file/page2"><button>Your Text Here</button></a><!DOCTYPE html>
<script>
function log() {
console.log("Hello World!")
}
</script>
<html>
<button onclick="log()">Button</button>
</html>