HTML Color Names - Lotsofkids.com

Simple HTML

It is becoming more and more important for individuals who surf the web to know HTML (Hypertext Markup Language). Whether you are posting on message boards or chatrooms, or setting up your own webpage, HTML is the way you format your page to make it look the way you want it to. Below is some very basic, but helpful, HTML information. It mostly covers text formatting, but there are some other simple codes listed at the end. Once you have familiarized yourself with the simple codes, you may want to check out the various sites on the web which offer more detailed information on tables and other more sophisticated page setup information.

Font Faces
This page provides examples and coding for HTM font faces. Most people using Windows have these fonts. If a person does not have a font on his or her computer, they will see the default font, usually Times New Roman:

Arial	face="Arial"
Arial Black	face="Arial Black"
Comic Sans MS	face="Comic Sans MS"
Courier New	face="Courier New"
Georgia	face="Georgia"
Impact	face="Impact"
Times New Roman	face="Times New Roman"
Trebuchet MS	face="Trebuchet MS"
Verdana	face="Verdana"

Font Accents.

Italics	<i>Italics</I>	Italics
Bold	<b>Bold</b>	Bold
blink	<blink>blink</blink>	blink
underline	<u>underline</u>	underline
Strikeout	<strike>Strikeout</strike>	~~Strikeout~~
Font	<font color = red> Text </font>	Text
Font size	<font size = 3>Text</font>	Text

FONT COLORS
<font color=colorname> </font>
Or
<font color=colorCode#> </font>
Font colors are usually a 6-digit/letter code which will input a color. Based on your monitor and browser, there are millions of colors to choose from. However, you can also use certain color names to make adding colors easy. Click here for a reference chart of commonly used color names. For actual color codes, there are many sites that list them, and most paint programs will give you a color code when you choose a color from the paint palette.

Page Setup (Backgrounds and Font)
To set up your page, you would type the "BODY" tag and place it at the top of your document, right below the "HEAD" tag.

<body bgcolor="#000000" text="#FFFFFF" link="#0000FF" vlink="#9370DB" alink="#FF0000">

Or to add an image as a background.

<body background="images/example.jpg" bgcolor="#000000" text="#FFFFFF" link="#0000FF" vlink="#9370DB" alink="#FF0000">

bgcolor........... Is your background color.
background..... Is your background image.
text................. Is your text/font color.
link................ Is your hyperlink link color.
vlink............... Is your visited link color.
alink............... Is your active link color.

Other HTML codes. Divider Lines:
</center> <hr width="put percent in quotation marks"> </center>

Look below, we added a "blue" color code for accent

Pictures:
<img src="http://www.your address here/images/happy.gif">
smile

(Note: You must type in the full URL of the picture.
If you are unsure of what it is, right click on the image, go to Properties and click.
A box should pop up giving you the full address.

Links:
<a href="http://www.lotsofkids.com/index.html">Lots of Kids</a>
Lots of Kids

Boxes:
<table border=4> <td> <font size=+2 color=teal>Lots of Kids </font> </td> </table>