Github and Website Workshop/HTML CSS review

This is an HTML/CSS reference for the Github and Website Workshop.

Below you can find some of the foundational concepts of how HTML and CSS work, which we expect you to have a general understanding of for this workshop.

The Big Picture of a Website

 * HTML - Markup language to transfer data
 * CSS - Adding styles to the content
 * Javascript - Dynamic interactions with the web page (not a part of this workshop)

= HTML=
 * Content is written as elements in tags
 * Things in <> called tags, usually have opening and closing
 * HTML contains the static content of your page which do not change

HTML Skeleton
Start with the following format:

Head
 * Contains information about the HTML page (ex., )

Body
 * The actual content of your page (ex. images, text, links)
 * Contains a:
 * header tag (for header bar)
 * main tag (where the main stuff goes)
 * footer tag

In the main tab, Information can be organized with headings, and paragraphs, which help organize blocks of text

Helpful tags

 * Paragraphs
 * Heading 1 and headings with higher numbers are smaller
 * Links
 * 
 * 
 * unordered lists
 * ordered lists


 * Remember - Tags can exist within other tags! For example - an image that links to a page


 * To provide structure, use containers
 * for block level elements
 * for inline level elements

=CSS=
 * CSS = Cascading Style Sheets
 * CSS makes HTML pretty by styling it
 * we tell our html file to use our stylesheet "style.css" by including this line in the tag (remember to have the href equal the name of your stylesheet)
 * note this tag closes itself - no opening and closing tag