>>59360386
>>59360397
>>59362261
These. Here, I'll even give you an example:
https://jsfiddle.net/6bo590b6/
<html>
<head>
<title>Title for Page</title>
<!--CSS/Metatags/Favicon go here-->
<link rel="stylesheet" href="somefolder/some.css">
<style type="text/css">
.bodytext{
text-align:center;
font-size:3rem;
}
.fontclass{
font-family: "Futura";
}
</style>
<link rel="icon" type="image/png" href="some/favicon.png" />
<meta name="description" content="Description here.">
</head>
<!--Main content/scripts here!-->
<body>
<h1>I'm a header!</h1>
<h2 id="sechead">I'm a smaller h with the id #sechead!</h2>
<p id="firstp" class="bodytext">I'm some text that has the class "bodytext"</p>
<p class="bodytext fontclass">Classes can be reused for multiple elements.</p>
<p id="sechead">Id's cannot! Now I have the id of #sechead, not the h2 element. ;_;</p>
<a href="/someinternallink.html">I am a link!</a>
<a href="#firstp">I link back to the first p tag!</a>
<a href="https://danbooru.donmai.us/posts/2653043">I link to an external site.</a>
<img src="https://danbooru.donmai.us/posts/2653043" alt="I am an image, you shouldn't hotlink though! It's bad!">
<button id="addbutton">CLICK ME!</button>
<form action="/somepage.html" method="GET">
<label for="itext">I am a label!</label>
<input type="text" name="itext" placeholder="I accept text values." value="I am the default!">
<label for="coolselect">I'm for the select.</label>
<select id="coolselect" name="coolselect">
<option value="0">Selecting is lame.</option>
<option value="1">Selecting is cool!</option>
</select>
<input type="submit" value="I submit the form to be processed">
</form>
<!--This is JavaScript!-->
<script type="text/javascript">
//I am a variable. I store values.
var x = 2;
//I am also a variable. I store #subbutt!
var elem = document.getElementById("addbutton");
elem.addEventListener('onclick',function(){
alert(++x)
});
</script>
</body>
</html>