title: Web Coding Cheat Sheet 1
tags: learning cheat-sheet
# Cheat Sheet Philosophy
The basic idea of a cheat sheet is a small collection of examples of the common things.
It is not intended to be comprehensive, but rather sufficient to remind you of
stuff you've already learned. It is best to compile your own as you learn stuff, and
then use it so as to verify that it is fit for purpose. Using other people's cheat
sheets as yours is not the best thing. By all means read and learn from them, but
transcribe what you learn into your own cheat sheets.
Comments that are **not HTML** begin with `#` and extend to the end of the line `# like this`.
# Common Elements
```html
# tell the browser this is HTML5 and the root element is
# root element
# header, for metadata and non-content stuff
# tell the browser that what follows is UTF-8 encoded text (what is before is ASCII)
Mr Bobbins' Webpage
# external stylesheet
# external script
Header goes here
Header
Subheader
Paragraph
Smaller header
bold should be strong not b and emphasis not i for italic
code goes in here
Div's are general block-level containers for stuff.
Span's are general inline containers
```
# Inputs
Got this off Facebook:
![Input Elements 1]{centre shadow}(InputElements1.png)
Transcribed:
```html
```
## Live Example