RELAYSKOOL--Fonts and Colors!

QUICK JUMP
Click on a subject to be taken to it on this page:
Posting Fonts
Other Tags
Font Sizes
Posting in Color
Ordered and Unordered Lists
Color Test Chart
Nothing spices up a web page more than the tasteful use of color, fonts, and font sizes. However, be forewarned--Many older browsers do not support the newer font styles and colors!
What this means in plain English, is that although your Web Page may look awesome to you, it may not necessarily look so to others. The trick is to choose the most popular font styles in use today. Below you will see some examples, and how to use them.
FONT STYLES
There are many fonts available today that are recognized by the two dominating browsers--INTERNET EXPLORER and NETSCAPE NAVIGATOR. As mentioned before, many browsers, especially older ones, do not recognize some font styles, so we must choose carefully the fonts to use on web pages.
POSTING FONTS
To post different fonts, we must utilise the "font face=" attribute. Here are some examples below:-
TIP:-- it is only necessary to enclose the font names in quotation marks (") if the font name has more than one word--e.g.-- Comic Sans MS
This font is ARIAL That gives you this:- This font is ARIAL
This font is IMPACT That gives you this:- This font is IMPACT
This font is BALLOON That gives you this:- This font is BALLOON
This font is COPPERPLATE That gives you this:- This font is COPPERPLATE
This font is PAPYRUS That gives you this:- This font is PAPYRUS
This font is MARRIAGE That gives you this:- This font is MARRIAGE
This font is CURLZ MT That gives you this:- This font is CURLZ MT
This font is VERDANA That gives you this:- This font is VERDANA
This font is COMIC SANS MS That gives you this:- This font is COMIC SANS MS
This font is GIGI That gives you this:- This font is GIGI
This font is WESTMINSTER That gives you this:- This font is WESTMINSTER
This font is LUCIDA HANDWRITING That gives you this:- This font is LUCIDA HANDWRITING
Note:--If you do not see one or more of the above font styles, your browser probably does not support them.
OTHER TAGS
We may as well look at a few other "tags" that will help emphasize your text. Remember, with a very few exceptions, you must always enclose the text you wish to change with our brackets-- < >.
Heres a few examples, and what they do:--
Relayskool--that gives you bold--like this: Relayskool
Relayskool--that gives you italics--like this: Relayskool
Relayskool--that gives you underline--like this: Relayskool
<s>Relayskool</s>--that gives you a "strikethrough effect"--like this: ~~Relayskool~~
Here are 2 more simple tags, which do not require "closing"-- the first is the "paragraph break"-- --inserted into text, like this:--
She said she could stay, but only for an hour.
It will look like this:-
She said she could stay,
but only for an hour
The second tag is the "line break"-- --inserted into text, this performs a function similar to the "return" key, on a typewriter. Once again, our sentence:--
She said she could stay, but only for an hour.
Becomes this:--
She said she could stay,
but only for an hour.
FONT SIZE
Here is what you need to enter to change the size of the font:--

 Hello! gives you this:--Hello!
 Hello! gives you this:--Hello!
 Hello! gives you this:--Hello!
 Hello! gives you this:--Hello!
 Hello! gives you this:--Hello!
 Hello! gives you this:--Hello!
Get the idea?
POSTING IN COLOR
There are quite literally millions of colors at your disposal on the web. These are coded alphanumerically, which can be daunting and frustrating, and requires at the very least a chart or guide, until you become familiar enough to remember some of these codes. For example, one shade of red is --#FF0000.
Wouldn't life be so much simpler if you could just type in the name of the color instead? Well, you can!! Of course, your palette will be far more limited, but the name of the game here is to make life simpler for you, until you are used to all this stuff! To go to the color chart at the bottom of this page, click HERE
Lets post a few examples in basic colors:--
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!
Now lets combine a few of the fonts and tags above!!
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!
Relayskool! will give you--Relayskool!