Skip to content

Instantly share code, notes, and snippets.

@RebelScummers
Forked from ryanj/HowToMarkupLanguage.html
Created August 11, 2018 23:45
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RebelScummers/7323616a29d9effb756fbf7b387a7d71 to your computer and use it in GitHub Desktop.
Save RebelScummers/7323616a29d9effb756fbf7b387a7d71 to your computer and use it in GitHub Desktop.
Getting Started with HTML (@ryanj and @RebelScummers 2018-08-11)
<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 id="">
</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 data-markdown id="arcane-tags">
## Arcane Tags
* &lt;s&gt;, &lt;strike&gt; &rarr; &lt;del&gt;
* &lt;blink&gt;
</section>
<section data-markdown id="cascading-style-sheets">
# CSS
* style tags
* sttyle attributes (inline)
* color
* hover
Examples: "font-weight:bold;padding-bottom:20px;"
</section>
<section data-markdown id="box-model">
## Blocks and the Box Model
* &lt;p&gt;, &lt;div&gt;
* align, float
examples:
* "display:block;" "display:none;"
* "padding-left:10px;margin-left:10px;"
</section>
<section data-markdown id="scripting">
# Scripts
* the &lt;script&gt; tag
* the onClick attribute
</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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment