HTML Reference

This is a paragraph of text, <p> is a structural block level tag that has a break above it and below it automatically. I can just go on but I better finish this exercise right now.

If I wanted to control the width of a paragraph so it doesn't go on and on and become difficult for the reader, I can use a local style to set the width of the paragraph. In general people like to read 7 to 9 words per line. There are more rules to it than that but I will leave that to what I learn later in the class for right now—I am just making a quick reference. Remember html reads only one space and no returns. Formatting text will make more sense with css. html5 is pretty darn limited! Even if I type a bunch of spaces here, they won't show in the browser window(but a lack of space will, such as the one I just omitted before the parenthesis.)

Headers are bigger and bolder block level tags

They are used for dividing the page using visual hierarchy, an important concept for making pages reader-friendly and search-engine friendly!

Header, level 1

Header, level 2

Header, level 3

Header, level 4

Header, level 5
Header, level 6

Now for some phrasing content fun:

How do you like me now? I can make text strong or with emphasis Yippeeeeee!! <strong> and <em> are phrasing content tags.

If I wanted to seem bro
k
en
I might use a lot of break tags, but if I wanted to seem

poetically       space    d      out, 
I just might show that
I know the pre tag

I've heard it gets much more fun with CSS, but in the meantime I'm going to tell you what Albert Einstein says about creativity:

Problems cannot be solved by the same level of thinking that created them.

Adding a paragraph here to see the blockquote more clearly.

Here is an unordered list of my favorite foods:

Here is an ordered list of my favorite pets:

  1. Angora Kitten
  2. Siberian Cat
  3. Shih Tzu
  4. Black Cap Conure
  5. Parakeet