Hello to the World Wide Web!!!

This is a basic guide to html. A great cheat sheet to keep around even after you become a pro. It makes things so much easier when you have a few things at your fingertips to simply copy and paste! The easiest way to use this tool is to open developer tools in your web browser and copy the html code onto a text editor. I personally recommend Notepad++

Download Here: Notepad++

Heading Styles

There are 6 Heading sizes ranging from 1 to 6. 1, being the largest and 6, being the smallest

This is 1

This is 2

This is 3

This is 4

This is 5
This is 6

Text Formatting

There are also some formatting styles that can be used within your html text. Even though CSS, or Cascading style sheets can ultimately do this for you, you may occasionally want to edit individual words within your html code so that they stand out more.

This is BOLD text
This is Italic text
This is underline text
This is strikethrough text
Superscript Subscript
This is fineprint, or smallprint
typewriter text 
 Pre-formatted text

This is called block-quote text

This is strong text, which shows as Bold text in most browsers
This is emphasis text which shows as italic text in most browsers

There is also the font tag however, it is now obsolete. Best practice for fonts is to use CSS.

Lists

There are several different ways to add lists

A List

-this is my list
-this is also on my list
-this is the third thing on my list

A Better List

Numbered List

  1. this is a numbered list
  2. it is called an "ordered" list
  3. it puts numbers on your lists
  1. You can also use letters
  2. easy as ABC
  3. How cool is that?
  1. It also works
  2. in lower-case
  3. Neato!!!!
  1. You can also start
  2. anywhere
  3. you want

Definition list

definition lists
list that defines something

now we know how lists work!!!

Now let's go on to the NEXT part!!!