Getting Started with HTML (@ryanj and @RebelScummers 2018-08-11) http://bit.ly/HowToML

HowToMarkupLanguage.html

<section id="Getting-Started-with-HTML">
  <h1>Getting Started</h1>
  <p>
    w/ <code>HTML</code><br/>
    and Front-End
  </p>
  <blink><h1>Web Dev</h1></blink>
</section>
<section data-markdown id="what-is-html">
  what is
  # HTML?
</section>
<section data-markdown id="a-markup-language">
  ## Markup
  tags or Elements
</section>
<section id="arcane-tags">
  <h2>Arcane Tags</h2>
  <ul>
  <li><code>&lt;s&gt;</code>, <code>&lt;strike&gt;</code> &rarr; <code>&lt;del&gt;</code></li>
  <li><code>&lt;blink&gt;</code></li>
  </ul>
</section>

<section data-markdown id="cascading-style-sheets">
  # CSS
  
  * style tags
  * style attributes (inline)
  * CSS selectors
  * :hover
  
  Examples: "color:blue;font-weight:bold;padding-bottom:20px;"
</section>
<section id="box-model">
  <h2>Blocks and the Box Model</h2>
  <ul>
    <li>&lt;p&gt;, &lt;div&gt;</li>
    <li>align, float</li>
  </ul>
    <p>examples:</p>
  <ul>
  <li>"display:block;"  "display:none;"</li>
  <li>"padding-left:10px;margin-left:10px;"</li>
  </ul>
</section>

<section id="scripting">
  <h1>Scripts</h1>
  <ul>
  <li>the <code>&lt;script&gt;</code> tag</li>
  <li>the <code>onClick</code> attribute</li>
  </ul>
</section>
<section data-markdown id="forms-and-input">
  ## Forms and Input
  
  * submit
  * validation
</section>
<section data-markdown id="w3schools">
  ## W3schools
  
  http://w3schools.com
</section>
<section data-markdown id="bootstrap">
  ## Bootstrap
  
  similar tooling:
  * html5boilerplate, normalizr, modernizr, html5shim
</section>
<section data-markdown id="the-End">
### the End
</section>