Make your own free website on Tripod.com

Go to:
http://www.jmarshall.com/easy/html/testbed.html


You will see this:

<<>html<>>
<<>head<>>
<<>title<>><<>/title<>>
<<>/head<>>
<<>body<>>
<<>!-- Put the body of your page below this line --<>>

<<>!-- Put the body of your page above this line --<>>
<<>/body<>>
<<>/html<>>

Add bgcolor="white"

<<>html<>>
<<>head<>>
<<>title<>><<>/title<>>
<<>/head<>>
<<>body bgcolor="white"<>>
<<>!-- Put the body of your page below this line --<>>

<<>!-- Put the body of your page above this line --<>>
<<>/body<>>
<<>/html<>>

Add your text under the line <<>!-- --<>>

<<>html<>>
<<>head<>>
<<>title<>><<>/title<>>
<<>/head<>>
<<>body<>>
<<>!-- Put the body of your page below this line --<>>
Type your text as you like, you will need to add break <<>br<>> and paragraph <<>p<>> tags.

If you are a lazy sort, like me:) type <<>br<>> and <<>p<>> just once and copy and then paste as needed!

As you write; say a letter, space everything as you want it using the return/ or enter key and then go back and put the <<>br<>> and <<>p<>> tags as needed.

You can indent your lines by holding the ALT Key and pressing your Spacebar the number of spaces you want to indent. If you want to do this by code type & n b s p ; (Without spaces) and copy, and paste it for as many spaces as you want.

<<>!-- Put the body of your page above this line --<>>
<<>/body<>>
<<>/html<>>


Other Text effects

Effect How to code it
Bold <<>b<>>Bold<<>/b<>>
Under lined <<>u<>>Under Lined<<>/u<>>
Italicized <<>i<>>Italicized<<>/i<>>


Notice with <<>b<>>, <<>u<>>, and <<>i<>> tags you place these starting tags right before the word, or words, you want to be effected, and then use the ending tags <<>/b<>>, <<>/u<>>, and <<>/i<>> (they have an "/") after the last word, or words, you effected.

You can change the colors of words if you want, but this does not look very professional, too cutesy:) anyway if you want to do that:

so far the (default) text color is black, to make the next word red use the code <<>font color="red"<>> red. <<>/font<>>
Font requires a starting and ending tag. the font tag also allows you to increase or decrease the size of your text. Wtv uses a default of font size three (this can be altered +1 or -1 under settings on your home page) an example of font size 5 how to code that:
<<>font size="5"<>> font size 5<<>/font<>>
Font sizes start at 1 (smallest) to 7 (largest)
I've read -2, and -1, also work.

Create a Heading:

New Heading


New Heading


New Heading


Using these tags:

<<>h1<>>New Heading <<>/h1<>>
<<>h2<>>New Heading<<>/h2<>>
<<>h3<>>New Heading<<>/h3<>>
Heading tags, h and a number start at 1 (largest) and go to 6 (smallest) and are already Bold.

HMMM, that would look better in the middle
of the page.....

Use the <<>center<>> tag

then the heading tag, like:

<<>center<>>
<<>h1<>>New Heading <<>/h1<>>
<<>/center<>>

which looks like:


New Heading




Notice <<>center<>> and heading tags <<>h1 to h6<>> require a starting and ending tag


If you want a list, sure there are tags for it, but aren't you here because you are afraid of them?? :):) Or do not think you can learn them? So, don't make yourself crazy! Just go 1) 2), A) B), I) II) as needed! Use your asterisk key * or the ALT asterisk combination to highlight indented sentences.

looks good
very professional:)

It's not that hard!

<<>br<>> to create an end to a line.
<<>br<>><<>br<>> to create a double space between lines. <<>p<>> to create a new paragraph.
<<>b<>> to make word (s) bold. *
<<>u<>> to under line word (s). *
<<>i<>> to italicize word (s) *
<<>center<>> to center word (s) *
<<>font<>> to change size and/or color of word (s) *
<<>h<>> to create a bold heading. *

* tag requires a start and end tag

Eight little tags and you're good to go!

Important

Always Copy your text before you view your work, every change! Tip: write the text of your letter on your compose a letter page, use the spell check, copy it, _then_ go to the testbed and lay it out with all the spaces you need.

Spacer's

You may want to create a large amount of white space at the top of your letter, to make it look centered on your page, you could put in 10 or so <<>br<>> tags and then add more or delete some as your letter progresses, or add a spacer code before you put any text:
<<>spacer type="block" width="100%" height="200"<>> adjust the height number as needed. The larger the height number, the farther down the page, the letter will start.

Margins

..... you are going to have to use a centered table like this:
<<>div align="center"<>>
<<>table width="80%" border="0" cellspacing="0" cellpadding="0"<>>
<<>tr<>>
<<>td<>>
Your letter and codes
<<>/td<>>
<<>/tr<>>
<<>/table<>>
<<>/div<>>
The width of the table, determines the size of the margins, it is best to use even numbers and a size as percentage, not size in pixels, the size above 80% will have 10% on each (if it is centered, tables usually work better with the "div align" code).
The smaller the width, ie width="60%" the larger the margin.

If you would like to learn more about tables go to Draac's