Main Heading

F irst Level SubHeading

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ default font

Second Level Sub Heading

Third Level Sub heading h4

Fourth level Sub Heading h5

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ default smaller font

Alternate Sub Heading Color

Alternate Third Level Sub Heading

Table Caption and Sub Heading Color
Column	Headings
Table row color a	Table row color a
Table row color c	Table row color c
Table row color b	Table row color b
Using a contextual selector	td p

Alternate Table

Table row color R1

Table row color R2

	Col1	Col2	Col3
Row 1	C1R1	C2R1	C3R1
Row 2	C1R2	C2R2	C3R2

Table Caption and Sub Heading Color
Column	Headings
Table row color c	Table row color c
Table row color a	Table row color a
Table row color c	Table row color c
This uses contextual selectors	td p

The Links Section

This is an internal Anchor for the following Links
Leave this Link alone
Hover over this one
Click on this Link to see what it looks like after you have visited the link
A special Link - Put your Mouse on the Link to see a tooltip

Sub Links

· a link · another link · yet another link · you get the idea
· this is yet another · and anohter · yet again · almost done
· Last one

Test Multimedia Section

Test Real Player
Test AVI File
Test Midi File
Test Wav File

This is emphasized text

This is another way I can emphasis text

Here, I use a large font, instead of color to make the point

This, will usually be centered

Acronyms, abbreviations and words needing more of an explaination are coded with a dotted line around the word
Pass your Mouse Over the item. A ? will show at the mouse cursor and a tooltip will popup!

How is an acronym coded?

    The following are how some of the default HTML tags are displayed. 
    They are not used that often

The DFN Tag
SAMP KBD and VAR

bold, italic, bold italic, teletype text, and big and small CITE Quote STRONG and EM text as displayed inside the default p.

outside the p

teletype text big small CITE Quote STRONG EM

I sometimes use this typographic type effect for the start of somewhat longer narrative. It usually signifies that you might have to think about this for a second.

Other times I might start out the line slightly indented. With these lines I think I have to use two of the   to get the spacing correct. The last line of this paragraph will not have two   and I bet it will only have one space between the period and the next sentence. I have two spaces before this but no  .

Lists and Lists and Lists

Example of a Nested List of DL DT. This DL DT is the Heading

This is a plain DT ... in a Defintion List (DL) Definition Terms (DT) Definition Description (DD) structue: this is a plain DD that goes with the above dt
and this is a plain DT: and its corresponding DD
a DT: with perhaps one very long DD line to see how this wants to wrap at different reslotuions on view settings. Looks like I wll need a lot more text in this sentence to make it wrap at 90%

Deja Moo:: The feeling that you have heard this bullshit before.
DT class mydt span anp mydtspan: DD class mydd span bnp myddspan

ul un-ordered list example
ADDRESS
see tomatoes

Inside Position Yellow Graphic

Light Blue Graphic
Another Bullet with a somewhat longer descrption that will wrap around to the next and it will indent the line (I am happy) making this really, really good and good for really long bullets with multiple sentences a piece

ol ordered list example
I
II

ol ordered list example lowercase alpha "numbering"
I
II

Another Bullet with a somewhat longer descrption that will wrap around to the next and it will indent the line (I am happy) making this really, really good and good for really long bullets with multiple sentences a piece
Another Bullet
PHONE

Multiple ul /ul pairs used so that Mozilla and IE will format these lists correctly and so I can leave some of the background(white space) between list items

searching cooking websites for a simple Tomato Pasta Sauce. Oops, that’s an enormous amount to wade through. Click, Click, Click, Click, Click, Click, Click, Click, Click, Click, Click "Whats all this, Where is the RECIPE?", Click, Click, Click, Click, Click, Click, Click ...

seeing a site with video instructions on how to prepare a leg of lamb. Bought the leg. Got home, getting ready -- the website was down.

watching a show and taking notes. Oops, how did I miss that? What were all those ingredients? Why doesn’t mine look or taste like theirs? What gives?

a un-ordered list example without a bullet
ADDRESS
PHONE

a un-ordered list wide spaced no padding
Use this in popup boxes
so that you can control the size across screen sizes
and it won't expand beyond the size of its containter

a un-ordered list wide spaced with padding
Use this regular html so that I will expand
to fill its container

a un-ordered list wide spaced with a blue font
Use this regular html so that I will expand
to fill its container

Another Format for display data

Another slightly different Caption

Centered Table

Left Justified

Table Left Justified

Right Justified my caption

Table Right Justified

The Pullquote Technique: A Combination of this technique with other typographic conventions, such as first line indent, would prove too distracting visually, and should be avoided. In this example, a sans-serif font was used, with italics, to further emphasize the pullquote. The CSS properties which must be set (and perhaps adjusted) are: width, padding-right, and margins. It is suggested that you avoid the use of absolute values for fixing the size of the text, padding and width. Using relative values like

p class small margins with class note. A Combination of this technique with other typographic conventions, such as first line indent, would prove too distracting visually, and should be avoided. Besides, the P is hosed in IE as the following DIV is not

div class smallmargins with p class note. A Combination of this technique with other typographic conventions, such as first line indent, would prove too distracting visually, and should be avoided.

* The Imperial gallon is divided into 160 fluid ounces (the U.S. gallon is divided into 128). British Pints and Cups are very different from their U.S. counterparts!

blockquote class='fancy'.
Since you have to scroll down to get to this button,this tests how ...
show the blockquote fancy style

blockquote class='fancy smallboldspaced'
Since you have to scroll down to get to this button,this tests ...
show the blockquote fancy style with the smallboldspaced class

Hold the Presses.

The Bullets and Graphics Section