<html>
<head>title, style reference, and other meta data goes here</head>
<body>All rendered content goes here</bodyß>
</html>
<p>Paragraph text goes here</p>
<h1>This is a top level heading</h1>
<h2>This is a heading level 2</h2>
<h3>This is a heading level 3</h3>
<h4>This is a heading level 4</h4>
<h5>This is a heading level 5</h5>
<h6>This is a heading level 6</h6>
<li>Corn</li>
<ul>
<li>Corn</li>
<li>Tomatoes</li>
<li>Beans</li>
<li>Onions</li>
<li>Garlic</li>
</ul>
<ol>
<li>Add corn</li>
<li>Dice and add tomatoes</li>
<li>Add beans</li>
<li>Chop and sautee onions</li>
<li>Mince and add garlic</li>
</ol>
<a href="https://www.google.com">Google</a>
<img src="cat.png" alt="cute cat">
<div> Some content <div>
<h1 id="top"> Title of My Site </h1>
<p> a long passage of text, or many elements </p>
<a href="#top"> jump to beginning </a>
<p class="important"> some important text, blah, blah, blah. </p>
<p> some less important text text, blah, blah, blah. </p>
<p class="important"> some more important text, blah, blah, blah. </p>
<em>Very Important</em>
<strong>Important</strong>
<nav>important links</nav>
<footer>secondary links</footer>
<!-- This comment is hidden from the browser -->