<!-- html structure + 3 types of CSS -->
<!DOCTYPE html>
<head>
<!-- meta + favico + viewport -->
<style src="css/myExternalStyleSheet.css" /> <!-- EXTERNAL CSS -->
<style id="myInternalStyles"> <!--- INTERNAL CSS --->
body {
color: blue;
background-color: red;
}
<style>
<script src="js/myExternalJavaScript.js">
function ohThisMyInternalJS(){
alert("hi");
}
</script>
</head>
<body>
<header>
<nav>
<a href="index.html">Home</a>
</nav>
</header>
<div class"pageContent" style="color:yellow"> <!--- INLINE CSS --->
This is a good site.
</div>
<footer></footer>
</body>
</html>