Evan's basic HTML guide

basic.html

<!-- Basic Font Stuff -->

<em>words</em>
<strong>words</strong>
<u>underlined!</u>

<p>I am paragraph 1</p>
<p>I am paragraph 2</p>

<!-- headings -->

<h1>I am a heading</h1>
<h2>I am a heading</h2>
<h5>I am a heading</h5>

<p style="color:red; font-family:arial;" >I AM THE WORDS</p>

<!-- typeography -->

line 1
<br />
line 2

<hr />

<ul>
  <li>thing 1</li>
  <li>thing 2</li>
  <li>thing 3</li>
</ul>

<ol>
  <li>thing 1</li>
  <li>thing 2</li>
  <li>thing 3</li>
</ol>

<!-- layout -->
<hr />

<div style="border-style: dotted; width:500px">

  <div align="center">
    <h1>I am the heading.  I should be centered</h1>
  </div>

  <div align="left">
    <p>I am paragrah 1.  I should be left-justified</p>
  </div>

</div>

<!-- objects -->
<img style="border-style: dotted" width="300" src="https://www.taskrabbit.com/v3/assets/web/logos/wordmark-bfa61c9b1d97f7b0e80d217b2e55afb9.svg"  />

<p>
  click <a style="color:orange;" href="http://www.taskrabbit.com">here</a>
</p>