FastTrack on learning to cook

and Cooking Reference

Also Known As FTLtCaCR

Example

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

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ plain p

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ p class smaller

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ td1p

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ verdana 1

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ verdana 2

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ small caps

Text Vertically aligned Heading with Text in different font sizes

This Calls testError(with the value in the input box) and testError does and eval in my standard try catch block

Note: use quotes around function arguments f('arg')

Give it a function name, like: 

		doMessage('hi gary')
		showScrSize()
		checkPosNumber('2') checkPosNumber('-1')

		and if the function has a return value, you might see it in an alert box (else You see undefined)
	
Enter some crap to see if onerror is working:  "'' your are ASOL

Any valid javascript expression :	if its a debug build of Mozilla  dumpTree()

Centered Heading

Centered Heading Width 100%

Heading Left Justified Width 100%

Heading Left Justified Width 100% spaces

Heading Left Justified Width 100% • • • • •

Heading Left Justified Width 100%

Description

Description Test

Heading Left Justified

Heading Right

Heading Right Justified Width 100%

Fancy Heading some vertically centered text

FANCY HEADING SOME vertically CENTERED TEXT

p class = heading

p class = heading GreyPattern - centered width 100%

p class = heading span Greypattern : centered

Table Caption and Sub Heading Color
Table row color R1
Table row color a	Table row color a
Table row color c	Table row color c
Table row color b	Table row color b
Table row color c	Table row color c
Table row color R2

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
Test Real Player
Test AVI File
Test Midi File
Test Wav File
The Standalone EM TAG

    this is pre

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

blockquote
Political language--and with variations this is true of all political parties, from Conservatives to Anarchists--is designed to make lies sound truthful and murder respectable, and to give an appearance of solidity to pure wind. George Orwell
Democracy must be something more than two wolves and a sheep voting on what to have for dinner. (And, when I watch the changing demographics, it is clear I am the sheep in this equation.)

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 DFN Tag
SAMP KBD and VAR

h1

h2

h3

h4

h5

LT Large Text Line 1

LT Large Text Line 2

DropCap spaned in p

span class=GreyPatternspan class=LGreyPattern span class=DGreyPattern

p span class italicblue

P Class first-line- Notice the P and C are large, small caps makes Caps in orginal slightly large than lowercase. Also notice that they are slighty ragged, so maybe I want to check out the fonts in my preferences, to see if I want downalod, install, activate more

light blue background

azure background

floral white background

ghost white background

honeydew background

ivory background

linen background

seashell background

snow background

white smoke background

Black Grey UL background

Black UL background

Old Grey background

Grey background

New Grey background

Grey background

Grey text

Grey and White HC -darker blue than b

Grey and White a -a grey blue

Grey And White b -a very light blue

CCCCCC Domm background

gainsboro background

SHCm mouse over

SHFm focus and clicked

Background

HCLm regular

H2

H3

ivory

Grey text

Main DL

a Sub DL DT

a Sub Sub DL DT

Soups and Stews

Salads

Eggs

plain dt no a

A DT
plain
and simple
with perhaps one very long 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%
a

ul un-ordered list example
ADDRESS
PHONE

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

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

right single quote ' (Windows x96 146 latin-1 8217) ’ or ’

", &, <, >

Degree ° °

Bullet •

double horizontal arrow ↔ ↔

registered trademark ® ®

paragraph ¶ ¶

1/4 ¼ ¼

1/2 ½ ½

3/4 ¾ ¾

almost equal to ≈ ≈

equivalent ≡ ≡

left single quote ' ‘

plus minus, ± ±

Middle dot · ·

division ÷ ÷

Greek Delta Δ Δ

Trademark ™ ™

en dash – -

em dash — -

It’s no space

I t’s thin space

I t’s en space

I t’s class mythinsp

tilde ˜

Table width 100 td class HCL

table class CTB

table class LTB

table class RTB

My favorite Calligraphy style

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ times new roman

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ arial

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ fantasy

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ courier

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Mistrial cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Brush Script MT cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Validmir Script cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Vivladi cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Lucida Calligraphy cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Kunstler Script cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Harlow Solid Italic cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Georgia Ref cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ French Script MT cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Footlight MT Light cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Engravers MT italic cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Copperplate Gothic Bold cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Castellar cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Century Schoolbook cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Book Antiqua font-style: italic cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Berling Antiqua cursive

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ Know is the time for all good men to come to the aid of their country arial Justified

<SPAN STYLE="font-size: x-small;">

x-small.

<SPAN STYLE="font-size: small;">

small.

<SPAN STYLE="font-size: medium;">

medium.

<SPAN STYLE="font-size: large;">

large.

<SPAN STYLE="font-size: x-large;">

x-large.

<SPAN STYLE="font-size: xx-large;">

xx-large.

<SPAN STYLE="font-size: larger;"> and
    <SPAN STYLE="font-size: smaller;">

smaller.

larger.

<SPAN STYLE="font-size: 18pt;">

18 point font size.

The CSS way: Percentage

<SPAN STYLE="font-size: 110%;">

110% font size.

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ medium

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ medium padding

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ small with padding

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ small

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ large

Using the Pullquote Technique This is p class smallmargins. 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

A few Tomato Varieties: This is p class smaller. 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

Why did I develop this? I was an out of work software engineer with a working wife. Being a dutiful husband, I made dinner. A lot of dinners. After a couple of months of my existing repertoire of salads, steaks, chops, chicken and pasta, it was time for a change.

–Gary–

Johnson

Quick and Easy Recipes

Sifted: Sift with a strainer or sifter before measuring. To un compact the ingredient.

Vine-ripened are usually the most flavorful.
Avoid bruised or cracked tomatoes.
Choose well shaped, firm and uniformly colorful tomatoes without blemishes.
A ripe tomato yields slightly to gentle pressure.
It is okay to purchase unripened fruit.
If tomatoes need to ripen, store them at room temperature in a brown paper bag (or in a fruit-ripening bowl).

Vine-ripened are usually the most flavorful.
Avoid bruised or cracked tomatoes.
Choose well shaped, firm and uniformly colorful tomatoes without blemishes.
A ripe tomato yields slightly to gentle pressure.
It is okay to purchase unripened fruit.
If tomatoes need to ripen, store them at room temperature in a brown paper bag (or in a fruit-ripening bowl).

ul list p exp span anp mydtspan
this looks nice when it wraps p exp span anp mydtspan

Non List p exp span anp mydtspan

p exp span anp mydtspan

2Non List p exp span anp mydtspan

2p exp span anp mydtspan

3Non List p exp span anp mydtspan

3p exp span anp mydtspan