|
 |
|||||||||||||||||||||||||||||||||||||||
 INTRODUCTION BASICS COLORS ... COLOR PALETTE ... COLOR NAMES FONTS FONT SURVEY GRAPHICS LINKS LISTS MARQUEES MUSIC TABLES USEFUL LINKS COMMON PROBLEMS MORE HELP? LINK TO THIS SITE HOME WEB RINGS SITE MAP |
Let's add some C O L O R to your page!
INTRODUCTION There are two ways to specify colors within your webpage ... using Hexadecimal numbers or Color names. Important note! ... whenever you specify color in an HTML document, the word color MUST be spelt color. The English spelling, colour will not work! HEXADECIMAL CODES Colors are defined by a hexadecimal number or code, where the overall color is determined by its proportion of red, green, and blue. Some examples of hexadecimal codes are:
Note that the 0 is the number 0 and NOT the letter O. To choose the hexadecimal color you wish to use, try my Browser Safe Color Palette. This is a palette of the 216 Browser Safe Colors, showing your chosen color as a background, and also as text color. WHY choose a Browser Safe Color when there are all those other lovely ones to use?? Well, many people surf the net with their browsers set to read only 256 colors. If you specify a color that is not one of the defined browser safe colors, then their browser will display either the closest color, or a dithered (spotty) color. COLOR NAMES There are 140 defined color names available. However, they are only recognised by Netscape 3.0 and Internet Explorer 3.0 or better, and the viewer must have more than 256 colors available on their monitor. Most of these colors are not within the Browser Safe Color Palette. Some examples of font color names are:
To choose the color name that you wish to use, try my 140 Color Name Palette. This is a listing of the 140 Color Names, showing your chosen color as a background, and also as text color. BODY COLORS Body colors are those that are set as the basic colors for your page. They cover the colors of the background, text, links, visited links and activated links. The body colors are not written individually, but are all set within one body tag. For example ... here is a sample body tag <body bgcolor="#99CCCC" text="#000000" link="#C0D9D9" vlink="#663399" alink="#ffcc99"> or <body bgcolor="white" text="MidnightBlue" link="DarkMagenta" vlink="MediumOrchid" alink="DeepPink"> NOTE: You must only ever have ONE BODY TAG on your page, and it should be immediately after your </head> tag. If you have more than one body tag, or you have it in the wrong part of your page, then the page may not load correctly with some browsers! You can change various pieces of text within your page to different colors as the need arises, but the body colors remain the major colors that you have selected for the rest of your page. In the following examples,"#xxxxxx" is either the hexadecimal code, or the "colorname" for your chosen color. BACKGROUND COLOR bgcolor="#xxxxxx" This code sets the background color for your page. If you have a background image, you can still select a background color for your page. This background color will show until the image file has loaded. It is a good idea to select a background color that is similar to your background image. That way, if for some reason the background image does not load, your page will still look "nearly" right! TEXT COLOR text="#xxxxxx" This code sets the text color for your page. The normal default for text color is black. If you do not specify a text color, it will automatically default to black. LINK COLORS
FONT COLORS You can vary your colors at any time within your document by using <font color="#xxxxxx"> The font color will remain changed until you close with </font> For example, Lets add some <font color="#ff0000">C</font> <font color="#ffff33">O</font> <font color="#009900">L</font> <font color="#0000ff">O</font> <font color="#990099">R</font>! Lets add some C O L O R! For more font variations ... size and face ... go to Annabella's HTML Help - Fonts. TABLE COLORS You can also vary your table background colors. <table bgcolor="#xxxxxx"> to change the entire table background.
<td bgcolor="#xxxxxx"> to change just one data cell.
For a more detailed explanation of tables, please go to Annabella's HTML Help - Tables. |
|||||||||||||||||||||||||||||||||||||||
|
|
| |||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
