Formatting and Layout

I'm working on a master layout key for this blog. It will help me experiment with some layout principles later on. It will help me experiment with blog layout and design principle.

Here it is.

<h1>The Headings</h1>


h2 Heading AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpSsTtRrWw123456789

h3 Subheading AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpSsTtRrWw123456789

h4 Minor Heading AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpSsTtRrWw123456789

<h5>Headings</h5>
<h6>Headings</h6>

Normal Style AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpSsTtRrWw123456789

Bold
Italics
Underline
Strikethrough
<sup>Superscript</sup>

Black
Red
Orange
Yellow
Lime
Aqua
Blue
Purple
Fuchsia

The Fonts

Font Size
Smallest
Small
Normal
Large
Largest

Links
Jump Break
Horizontal Rule <hr>


                   <pre>preformatted text</pre>

<p>Using the paragraph tag throughout the paragraph. So that I can see how the paragraph will spread out across the page. I need to be able to see past the first line.</p>

Alignment
Aligned Left (default)
Aligned Center
Aligned Right
Justified throughout the page. So that I can see how the paragraph will spread out evenly across the page. I need to be able to see past the first line.

  1. This is a numbered list
  2. By default it adds numbers after each line return
  • This is a bullet list.
  • It will add pullet points after each line return.
This is quoted text. It sets the margins further inside of the page. So that as I add more details the margins are kept inside of the normal margins.


Courier Font Smallest
Courier Font Small
Courier Font Normal
Courier Font Large
Courier Font Largest

Georgia Font Smallest
Georgia Font Small
Georgia Font Normal
Georgia Font Large
Georgia Font Largest

Times Font Smallest
Times Font Small
Times Font Normal
Times Font Large
Times Font Largest

Arial Font Smallest
Arial Font Small
Arial Font Normal
Arial Font Large
Arial Font Largest

Helvetica Font Smallest
Helvetica Font Small
Helvetica Font Normal
Helvetica Font Large
Helvetica Font Largest

Trebuchet Font Smallest
Trebuchet Font Small
Trebuchet Font Normal
Trebuchet Font Large
Trebuchet Font Largest

Verdana Font Smallest
Verdana Font Small
Verdana Font Normal
Verdana Font Large
Verdana Font Largest

Default Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Courier Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Georgia Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Times Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Arial Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Arial Font AAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Arial Font AAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Arial Font AAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Arial Font AAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Arial Font AAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Helvetica Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Trebuchet Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Verdana Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890
Verdana Font AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890

Red
Red
Red
Red
Red
Red
Orange
Orange
Orange
Orange
Orange
Orange
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Lime
Lime
Lime
Lime
Lime
Lime
Aqua
Aqua
Aqua
Aqua
Aqua
Aqua
Blue
Blue
Blue
Blue
Blue
Blue
Purple
Purple
Purple
Purple
Purple
Purple
Fuchsia
Fuchsia
Fuchsia
Fuchsia
Fuchsia
Fuchsia

No comments:

Post a Comment