Something is wrong with this page title
<body>
</head><!-- something is wrong with the placement of this tag -->
<h1>This headline is confused</h2>
It would be great if this text was on its own line and not squished next to the above headline; what code could you add to do that?
<p><strong>This is not how you nest tags correctly</p></strong>
<em>Bad things happen when you forget to close a tag, such as italicized text in places you don't want it!<em>
<ul>
<li>This bullet is fine</li>
<li>This bullet is also fine</li>
</ol><!-- something is wrong here -->
<image source="http://www.mhswebdesign.com/wp-content/uploads/2016/02/pug-puppy.jpg" />
<!-- the above image will work if you can fix the first part of the code; the actual jpg is fine, just long -->
<a link="http://www.mhswebdesign.com/">This link doesn't work; look closely</a>
<a href="http://www.mhswebdesign.com/" target="_new">It would be great if this link opened in a new browser tab</a>
</body>
<p>Sadly, no one can see this text because it's in the wrong place :(</p>
</HTML><!-- something is wrong with this tag -->