-
-
Save RebelScummers/7323616a29d9effb756fbf7b387a7d71 to your computer and use it in GitHub Desktop.
Getting Started with HTML (@ryanj and @RebelScummers 2018-08-11)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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 | |
* <s>, <strike> → <del> | |
* <blink> | |
</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 | |
* <p>, <div> | |
* align, float | |
examples: | |
* "display:block;" "display:none;" | |
* "padding-left:10px;margin-left:10px;" | |
</section> | |
<section data-markdown id="scripting"> | |
# Scripts | |
* the <script> 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