<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML site</title>
</head>
<body>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title> HTML site</title>
<link rel="stylesheet" href="css/stylesheet.css">
<script src="js/html5shiv.js"></script> <!-- htmlshiv makes it compatiable with older IE browers , just dowbnlaod the file and save it in your js folder-->
<script scr="js/gobal.js"></script>
</head>
<body>
<header>
<h1>header h1 tag</h1>
</header>
<section class="main-content">
<p>My 2017 jouney into the html/css/js world. </p>
</section> <!-- section is content that relate to the topic of this page -->
<aside><p>aside is a secondary content to your main content another level block level element</p></aside>
<footer> <!-- meaning is really symantic and it could be used for SEO purposes, ex is footer to your blog page -->
<ul> <!-- un ordered list -->
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</footer>
</body>
</html>
</body>
</html>