This conversion of Markdown to HTML 
<h1 id="this-is-an-h1-">This is an <h1></h1>
<h2 id="this-is-an-h2-">This is an <h2></h2>
<h3 id="this-is-an-h3-">This is an <h3></h3>
<h4 id="this-is-an-h4-">This is an <h4></h4>
<h5 id="this-is-an-h5-">This is an <h5></h5>
<h6 id="this-is-an-h6-">This is an <h6></h6>
<h1 id="this-is-an-h1">This is an h1</h1>
<h2 id="this-is-an-h2">This is an h2</h2>
<p><em>This text is in italics.</em>
<em>And so is this text.</em></p>
<p><strong>This text is in bold.</strong>
<strong>And so is this text.</strong></p>
<p><strong><em>This text is in both.</em></strong>
<strong><em>As is this!</em></strong>
<em><strong>And this!</strong></em></p>
<p><del>This text is rendered with strikethrough.</del></p>
<blockquote>
<p>This is a block quote. You can either
manually wrap your lines and put a <code>&gt;</code> before every line or you can let your lines get really long and wrap on their own.
It doesn&#39;t make a difference so long as they start with a <code>&gt;</code>.</p>
<p>You can also use more than one level</p>
<blockquote>
<p>of indentation?
How neat is that?</p>
</blockquote>
</blockquote>
<ul>
<li>Item</li>
<li>Item</li>
<li>Another item</li>
</ul>
<p>or</p>
<ul>
<li>Item</li>
<li>Item</li>
<li>One more item</li>
</ul>
<p>or</p>
<ul>
<li>Item</li>
<li>Item</li>
<li><p>One last item</p>
</li>
<li><p>Item one</p>
</li>
<li>Item two</li>
<li><p>Item three</p>
</li>
<li><p>Item one</p>
</li>
<li>Item two</li>
<li><p>Item three</p>
</li>
<li><p>Item one</p>
</li>
<li>Item two</li>
<li>Item three<ul>
<li>Sub-item</li>
<li>Sub-item</li>
</ul>
</li>
<li>Item four</li>
</ul>
<p>Boxes below without the &#39;x&#39; are unchecked HTML checkboxes.</p>
<ul>
<li>[ ] First task to complete.</li>
<li>[ ] Second task that needs done
This checkbox below will be a checked HTML checkbox.</li>
<li>[x] This task has been completed</li>
</ul>
<p>John didn&#39;t even know what the <code>go_to()</code> function did!</p>
<pre><code class="lang-ruby"><span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">foobar</span></span>
  puts <span class="hljs-string">"Hello world!"</span>
<span class="hljs-keyword">end</span>
</code></pre>
<h2 id="-"><em>*</em></h2>
<hr>
<hr>
<p><a href="http://test.com/">Click me!</a></p>
<p><a href="http://test.com/" title="Link to Test.com">Click me!</a></p>
<p><a href="/music/">Go to music</a>.</p>
<p><a href="http://test.com/" title="Cool!">Click this link</a> for more info about it!
<a href="http://foobar.biz/" title="Alright!">Also check out this link</a> if you want to.</p>
<p><a href="http://thisisalink.com/">This</a> is a link.</p>
<ul>
<li><a href="#heading">Heading</a></li>
<li><a href="#another-heading">Another heading</a></li>
<li><a href="#chapter">Chapter</a><ul>
<li><a href="#subchapter-h3-">Subchapter <h3 /></a></li>
</ul>
</li>
</ul>
<p><img src="http://imgur.com/myimage.jpg" alt="This is the alt-attribute for my image" title="An optional title"></p>
<p><img src="relative/urls/cool/image.jpg" alt="This is the alt-attribute." title="if you need a title, it&#39;s here"></p>
<p><a href="http://testwebsite.com/">http://testwebsite.com/</a> is equivalent to
<a href="http://testwebsite.com/">http://testwebsite.com/</a></p>
<p><a href="&#109;&#x61;&#105;&#108;&#x74;&#x6f;&#58;&#102;&#x6f;&#x6f;&#64;&#x62;&#97;&#114;&#46;&#99;&#111;&#109;">&#102;&#x6f;&#x6f;&#64;&#x62;&#97;&#114;&#46;&#99;&#111;&#109;</a></p>
<p>I want to type <em>this text surrounded by asterisks</em> but I don&#39;t want it to be
in italics, so I do this: *this text surrounded by asterisks*.</p>
<p>Your computer crashed? Try sending a
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd></p>
<table>
<thead>
<tr>
<th style="text-align:left">Col1</th>
<th style="text-align:center">Col2</th>
<th style="text-align:right">Col3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Left-aligned</td>
<td style="text-align:center">Centered</td>
<td style="text-align:right">Right-aligned</td>
</tr>
<tr>
<td style="text-align:left">blah</td>
<td style="text-align:center">blah</td>
<td style="text-align:right">blah</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:left">Col 1</th>
<th style="text-align:center">Col2</th>
<th style="text-align:right">Col3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Ugh this is so ugly</td>
<td style="text-align:center">make it</td>
<td style="text-align:right">stop</td>
</tr>
</tbody>
</table>