Index | Home | Page 1 | Page 2 | Page 3 | Page 4 | Page 5
This Sample Web Page Features
Background Colors and Fonts Samples
by Dan Simpson - CIS 119 Class - Spring 1999, Tuesday, 7:00-10:00 PM
Background Colors
Color Selector 1 - Click the bottons to see how the page will look with different background colors.

Color Selector 2 - Click the bottons to see how the page will look with different background colors.
Current Color Name: Value:
slategray   seashell   linen   papayawhip   moccasin   sienna   darkorange   palegoldenrod   firebrick   tomato   forestgreen   lightseagreen   purple   thistle   teal   turquoise   steelblue   powderblue   See the Netscape Color Chart for a sampling of a 140 colors.
Color Selector 3 - View the background color according to its name or hexadecimal code.
 1. Type the color name or 6 digit number 
 2. Click the Change button 
 NOTE: You must click the Change button. "ENTER" will cause a refresh 
BG Color =  See Color Study for more details.

Dan's Background Color Testers Page

Font Samples

This is a sample - Verdana - abcdefghijklmnop
This is a sample - Geneva - abcdefghijklmnop
This is a sample - Trebuchet ms - abcdefghijklmnop
This is a sample - Helvetica - abcdefghijklmnop
This is a sample - Arial - abcdefghijklmnop
This is a sample - Arial Back - abcdefghijklmnop
This is a sample - Chicago - abcdefghijklmnop

This is a sample - Verdana
This is a sample - Geneva
This is a sample - Trebuchet ms
This is a sample - Helvetica
This is a sample - Arial
This is a sample - Arial Back
This is a sample - Chicago
This is a sample - Verdana - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Geneva - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Trebuchet ms - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Helvetica - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Arial - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Arial Back - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Chicago - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Verdana - abcdefghijklmnopqrstuvwxyz
This is a sample - Geneva - abcdefghijklmnopqrstuvwxyz
This is a sample - Trebuchet ms - abcdefghijklmnopqrstuvwxyz
This is a sample - Helvetica - abcdefghijklmnopqrstuvwxyz
This is a sample - Arial - abcdefghijklmnopqrstuvwxyz
This is a sample - Arial Back - abcdefghijklmnop
This is a sample - Chicago - abcdefghijklmnopqrstuvwxyz
This is a sample - Verdana - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Geneva - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Trebuchet ms - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Helvetica - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Arial - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Arial Back - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Chicago - abcdefghijklmnopqrstuvwxyz - ABCDEFGHIJKLMNOPQRSTUVWXYZ
This is a sample - Verdana - abcdefghijklmnopqrstuvwxyz
This is a sample - Geneva - abcdefghijklmnopqrstuvwxyz
This is a sample - Trebuchet ms - abcdefghijklmnopqrstuvwxyz
This is a sample - Helvetica - abcdefghijklmnopqrstuvwxyz
This is a sample - Arial - abcdefghijklmnopqrstuvwxyz
This is a sample - Arial Back - abcdefghijklmnop
This is a sample - Chicago - abcdefghijklmnopqrstuvwxyz

This Line uses code "tt" (7)
This Line uses code "tt" (+4)
This Line uses code "tt" for a type...(6)
This Line uses code "tt" for a type...(+3)
This Line uses code "tt" for a typewriter text.(5)
This Line uses code "tt" for a typewriter text.(+2)
This Line uses code "tt" for a typewriter text.(4)
This Line uses code "tt" for a typewriter text.(+1)
This Line uses code "tt" for a typewriter text.(3)
This Line uses code "tt" for a typewriter text.(+0)
This Line uses code "tt" for a typewriter text.(2)
This Line uses code "tt" for a typewriter text.(-1)
This Line uses code "tt" for a typewriter text.(-2)
This Line uses code "tt" for a typewriter text.(1)

This is using the H1 Size tag

Using H2 as a sub heading size

An H3 size text tags Looks Like this

H4 text tags are smaller then the others

The H5 tag is smaller yet - ABCDEFG abcdefg

The last of the H tags is H6 and this is its size ABCDEFG abcdefg

This is a regular line of text.
This is an underlined line of regular text. However, underlining is best kept for hyperlinks.
This is an italized line of regular text. It's not very easy to read in this size.
Italized type is easier to read when it's this size (+2)...
Even in bold. But I prefer to use ital sparingly.

Index | Home | Page 1 | Page 2 | Page 3 | Page 4 | Page 5

This page was last updated on March 19, 2002.

Fight Spam!