Site hosted by Angelfire.com: Build your free website today!

HEADERS	BREAKS	HORIZONTAL RULES	LISTS	FORMATS
CLEAN CODES	ALIGNMENT	FONT	BACKGROUND	GRAPHICS
LINKS	SCROLLING MARQUEES	MOUSE OVERS	RAINING EFFECT	CHANGE CURSOR
TABLES & FRAMES	ADDING MUSIC	QUESTION BOXES	BUTTONS	META TAGS
POP UP ALERT BOXES	NEW PAGES	COLOR INDEX	LINKS 4 U

BY KEEBLER

HEADERS

To change the size of the header you can simply enter these codes. It goes from biggest to smallest.
<h1 >your text goes here </h1 >
this is what it looks like

your text goes here

< h6 >your text goes here </h6>
this is what it looks like

your text goes here

text1
text2

Now if you wanted numbers instead of dots key this code in.
<ol>
<li>text1
<li>text2
</ol>
And this is what it looks like.

text1
text2

Now if you wanted to show list of definitions:
to start and end definition list
<d1> </d1>
This next code precedes each definition list
<dt>
While this next code is used to precede the definition
<dd>

for bold text
<b>bold</b>
for italics
<i>italics</i>
for underline
<u>underline</u>
for ~~strikeout~~
<strike>strikeout</strike>
for ^superscript
<sup>superscript</sup>
for _subscript
<sub>subscript</sub>
for teletype
<tt>teletype</tt>
for

preformatted

<pre>preformatted</pre>
for citation
<cite>citation</cite>
for emphasized
<em>emphasized</em>
for strong
<strong>strong</strong>

back to top

clean codes

If you want to show these signs then you have to key them in like this:
< is <
> is >
© is ©
& is &
" is "
Or you can use an even easier code
<xmp > codes </xmp>

back to top

ALIGNMENT

<center>center</center>
<right>right</right>
<left>left</left>
this aligns a paragraph
<p align=?> </p>
this is used to format large block of html
<div align=?>
this indents text from both sides
<blockquote> </blockquote>
This tag is used to align tables
<tr align=?> or <td align> for right, center, or left
<tr valign=?> or <td valign> for top, middle, bottom
RIGHT ALIGN A IMAGE

LEFT ALIGN A IMAGE

TO PLACE A IMAGE ANYWHERE

back to top

FONT
To change the type of font enter this code in:
<font face="?">YOUR TEXT GOES HERE</font>

To change the color on your font, use this code:
<font color="#?">your text goes here</font>

Now what if you wanted to add a little flavor to your colored text, you can use this code to make it glow:
<table border="0" style="filter:glow (color="#?", direction="150", strength="3")"><tr><td>your text goes here</td></tr></table>

for glow
or for
shadow

If you want to change size use this tag:
<font size="+?">
NOW FOR TEXT IMAGING HERE ARE SOME CODES
DROP SHADOW

KEEBLER

<table style="filter:dropshadow(color:#FF0000)"><tr><td><font face="comic sans ms"size=2> <font color=#FFFFFF>Text and/or images here</font></td></tr></table><br>
FOR A BLURRED TEXT LOOK

KEEBLER

<table style="filter:blur"><tr><td><font face="comic sans ms"size=2><font color=#FFFFFF> Text.Images Here</font></td></tr></table><br>
UPSIDEDOWN

KEEBLER

REVERSED LETTERS

KEEBLER

back to top

BACKGROUNDS

For your background color, text color, & link color use these codes:
background color:
<body bgcolor="#?">

For text color:
<body text="#?">

for unvisited lionks
<body link="#?">

for visited links
<body vlink="#?">

For active links
<body alink="#?">

Graphic backgrounds are a little different:
<body background="http://address of picture">

If you wanted a fixed background use this code:
<style type="text/css"></style>
Multi Color Page
<style type=text/css></style>
Blended Background
<style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=1,StartColorStr=#000000,EndColorStr=#CCCCCC); }</style>
For A Whole Page Layout use this code
<style type="text/css"></style><table border=0 style="position:absolute; top:0; left:0; z-index: 0;"><tr><td><img src="URL OF LAYOUT"> </td></tr></table>

back to top

GRAPHICS

There are several ways to put on a graphic:
From the web <img src="http://address of pic">

Or to upload it <img src="pic.gif">

Suppose you want to change the size of graphic:
<img src="http://address" width="?" height="?" border="?" alt="?">

OR YOU CAN USE THIS CODE

to put a border around your picture

<img style="border:#3333ff 1px solid" src=URL HERE>
To put a name around your picture
flag of portugal
<img src="URL HERE" alt="PICTURES NAME">
TO SHADOW A PICTURE

<table cellpadding="0" cellspacing="0"><tr><td style="filter:shadow(color:white, strength=10, direction=90)"><img src=URL HERE></td></tr></table>
TO THUMBNAIL YOUR PICTURES

<a target="_blank" href="URL HERE"><img src="SAME URL HERE" height="90" width="65"></a>
TO HAVE A PICTURE SLIDE SHOW

<marquee behavior="alternate"><marquee width="200"><img src=URL HERE><img src=URL HERE> <img src=URL HERE><img src=URL HERE></marquee></marquee>
TO HAVE A FLOATING PICTURE
<marquee direction=down behavior=alternate scrollamount=5 scrolldelay=1 width=900 height=900 style="position:absolute; top:0px; left:0px; z-index:-1"><BR><BR> <marquee direction="right" behavior=alternate scrollamount=5 scrolldelay=1 width=900><br><br><br> <img style="filter: alpha (finishopacity=2, style=3)" src="URL HERE"></marquee></marquee>
TO EMBOSS A PICTURE

<img src="picture url" style="filter:progid:dximagetransform.microsoft.emboss"><br>
TO ENGRAVE A PICTURE

<img src="picture url" style="filter:progid:dximagetransform.microsoft.engrave"><br>
FOR A FADED PICTURE

<img src="URL HERE" style="FILTER: alpha(style=3, opacity=100, finishopacity=0, startx=0, finishx=100, starty=0, finishy=100)"> <br>
FOR A BLURRED IMAGE
<IMG SRC="URL" STYLE="FILTER:BLUR (STRENGTH=30)">
FOR A TRANSPARENT PICTURE

<IMG SRC="URL" STYLE="FILTER:ALPHA (OPACITY=50)">
FOR A BLACK N WHITE

<IMG SRC="URL" STYLE="FILTER:GRAY">
FOR AN INVERT PICTURE

<IMG SRC="URL" STYLE="FILTER:INVERT">
FOR AN XRAY PICTURE

<IMG SRC="URL" STYLE="FILTER:XRAY">
TO FLIP HORIZONTALLY

<TABLE STYLE="FILTER:FLIPH()"><TR><IMG SRC="URL"></TR></TABLE>
TO FLIP VERTICALLY

<TABLE STYLE="FILTER:FLIPV()"><TR><IMG SRC="URL"></TR></TABLE>
FOR ALPHA LACED PICTURES USE THESE CODES:

RIGHT

<img src="url of image" style="filter:alpha(style=1, opacity=100, finishopacity=0, startx=0, finishx=100, starty=0, finishy=100)"><br>
LEFT

<img src="url of image" style="filter:alpha(style=1, opacity=0, finishopacity=100, startx=0, finishx=100, starty=0, finishy=100)"><br>
ROUND

<img src="url of image" style="filter:alpha(style=2, opacity=100, finishopacity=0, startx=0, finishx=100, starty=0, finishy=100)">
CENTER

<img src="url of image" style="filter:alpha(style=2, opacity=0, finishopacity=100, startx=0, finishx=100, starty=0, finishy=100)">
BOX

<img src="url of image" style="filter:alpha(style=3, opacity=100, finishopacity=0, startx=0, finishx=100, starty=0, finishy=100)">

back to top

LINKS

For a regular text link use this code:
<a href="http://address to where you want to link to">your text goes here</a>

If you wanted a link with a graphic instead of text type this in:
<a href="http://address of where to link"><img src="http://address of picture"></a>

If you wanted to navigate through a page using links use this code:
<a href="#whatever you wanna call it">
Then at the spot you want the link to appear enter this:
<a name="whatever you called the link">

For a mail to link enter this:
<a href="mailto:email address you wanted to forward">text goes here</a>

To remove a line from under a link use this:
<a:link{text-decoration:none}a:active{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}visited{text-decoration:none}a:hover{text-decoration:none}>

back to top

SCROLLING MARQUEE

For your text to scoll on the screen, like how my s/n is doing on top:
<marquee [scrolling="?"]>your text goes here</marquee>
You can use alternate, slide, or direction="right"

back to top

HERES A FEW MARQUEES:

back to top

<marquee direction=up> TEXT OR IMAGE </marquee><br>

<marquee direction=down> TEXT OR IMAGE </marquee><br>

<marquee direction="up" behavior="alternate"> TEXT OR IMAGE </marquee><br>

back to top

<p align=center><MARQUEE scrollAmount=3 width="8%"><FONT color=#FFFFFF><<<<</font></MARQUEE> <FONT color=#FFFFFF><B>envi3d_codez</b></FONT><marquee direction=right scrollAmount=3 width="8%"><FONT color=#FFFFFF>>>>></font></marquee><br><br>

back to top

back to top

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"> <font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%"> | | |</MARQUEE>FOR THESE ARROWS N LINES<MARQUEE scrollAmount=1 direction=right width="2%"> | | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"> <font face=Webdings>3</font></MARQUEE><br><br>

back to top

back to top

back to top

<center><font color="skyblue" face="maiandra GD" size="2"> <marquee align="top" behavior="alternate" height="24" width="7%">T</marquee> <marquee align="top" behavior="alternate" height="24" width="5%">E</marquee> <marquee align="top" behavior="alternate" height="24" width="7%">X</marquee> <marquee align="top" behavior="alternate" height="24" width="5%">T</marquee> <marquee align="top" behavior="alternate" height="24" width="7%"></marquee> <marquee align="top" behavior="alternate" height="24" width="5%">H</marquee> <marquee align="top" behavior="alternate" height="24" width="7%">E</marquee> <marquee align="top" behavior="alternate" height="24" width="5%">R</marquee> <marquee align="top" behavior="alternate" height="24" width="7%">E</marquee> <marquee align="top"behavior="alternate"hieght="24" widht="7%">TEXT HERE</marquee> </center><br><br><XMP><P> <HR> <XMP><marquee behavior=alternate>WELCOME<marquee width="50"> Name...TEXT TEXT TEXT...Its So Cool </marquee>BYE</marquee><br><br>

back to top

<marquee width="100" direction="left">Username</marquee> <marquee width="100" direction="left" style="filter:fliph">Username</marquee><br><br>

back to top

back to top

MOUSE OVERS

<styletype="text/css">your text goes here</style>

back to top

RAINING EFFECT

If you want a raining effect on your screen use this code, the graphic address is the graphic you want to use as rain:
<table style="position: absolute; width:?; left:?; top:?; z-index:0"><tr><td><marquee direction= down height=? scrolldelay=?><img src=http://Adress of graphic"></marquee></td></tr></table>

back to top

CHANGING THE CURSOR

To change the shape of the cursor:
<style><--body{cursor:???}//--></style>

???=n-resize, ne-resize, help, auto, e-resize, se-resize, move, default, s-resize, sw-resize, pointer, w-resize, nw-resize, wait.

To put an image on the cursor:
<="http://adress of graphic" id="aahh" style="position: absolute; <br>"onload="javascript: function move cursor(){document.all.ahh.style.pixel top=event.y+document.body.scroll top+10; document.all.ahh.style.pixel left=event.x+document.body.scroll left+10;}document.on.mousemove=move cursor;">

back to top

TABLES & FRAMES

For a table use this code: <table[border"?"][width="?"][height="?"][background="http://"?"][bgcolor="#?"][border color"#?"]><tr><td[width="?%"][v align="?"]>message is here</td></tr></table>

or you can use this more simplier code:
<tableborder="?">
<tr>
<td>your text goes here</td>
<td>text goes here</td>
</tr>
<tr>
<td>text</td>
</tr>
</table>

this is what it looks like:

textr here text2 here

text

This tag sets amount of space between cells
<table cellspacing=?>
This tag sets the amount of space between a cell's border and it's contents
<table cellpadding=?>
This tag sets number of columns a cell should span, the next defines the same for rows
<td colspan=?>
<td rowspan=?>
This tag prevents lines breaking to make fit in cell
<td nowrap>

Now here we go with frames, but its important for you to know, create the frames, then on seperate document you can work within the frames by naming them so when you save.
<frameset cols="?%, *">
<frame src="name of first frame.html">
<frame src="name of second frame">
then you can open the document and work within the frames.
you can either use cols or rows!!!!
This tag specifies which html document will be displayed
<frame src="URL">
This tag names the frame
<frame name="?">
This tag below defines left and right margins
<frame marginwidth=?>
for defining top and bottom margins
<frame marginheight=?>
This tag defines whether or not there is a scrollbar, ?=no, yes, auto
<frame scrolling=?>

back to top

ADDING MUSIC

Adding music or other sound fx is always good, here is a few codes on how to put them on.
Midi file:
<embedsrc="http://address"[autostart="true"][width="?"][height="?"][loop="?"]>

Real Audio
<embed src="http://address" width="?" height"?" control="small console" autostart="true" loop="true" auto replay="true" type=audio/x-pn-realaudio-plugin exts-ra, ram initfn=load-types mime-types=mime.types>

from the web:
<bgsound src="http://adress" loop="infinite" autostart="tru">

TO ADD VIDEOS USE THIS CODE

<img dynsrc="VIDEO URL" width="320"LOOP=INFINITE>
To Use the Music and Video Code Go to
Xpresshtml.net
It tells how to upload music..

back to top

QUESTION BOXES

For a comment box:
text goes here
<textarea rows="?" cols="?" name="suggestions"></textarea><p>

this what it looks like: text goes here

For check boxes:
text goes here
<input type="checkbox" name="like" value="?">text goes here<p>

this is what it looks like: text goes here
text goes here

For radio buttons:
text goes here
<input type="radio" name="like" value"?">text goes here<p>

This is what it looks like
text goes here
text goes here

For a pull down list:
text goes here
<select name="?">
<option>red
<optiopn>green
<option selected>black
</select><p>

This is what it looks like:
Text here

For a scroll down list:
text goes here
<selectname="?" size="3">
<option value="?">text goes here
</select><p>

This is what it looks like, option value is repeated:
text goes here

For single question answers:
<input type="input" name="?">text goes here<p>
this is what it looks like:
email address

back to top

FORM BUTTONS

Here is a button to reset a form:
To reset form push this button:<input type="reset" value="reset">

To put a submit form button use this:
To submit form push this button:<input type="submit" value="submit">
make sure at the end of form you put:</form>

back to top

META TAGS

For improved search engine results to your site:
<meta name="description" content="descriptiopn of of text page">
<meta name="keywords" content="keyword text"&ft;

For an auto refresh:
<meta http-equiv=refresh content="?_seconds; url=Http;//your address">

back to top

POP UP ALERT BOXES

back to top

REDIRECT & NEW WINDOW PAGES

To open a new window:
<img src="j)vascript:window.open(' http://address to open')"width=0 height=0>

To redirect the page to another
<img src="j)vascript:window.function(' http://address to be redicted')"width=0 height=0>

back to top

Colors in HTML

Elements With Color Attributes: Misc. Elements: <Basefont>, <Body>, < Font>, <Frame>, <Frameset>, <Hr>, <Ilayer>, <Layer>, <Marquee>
Table Elements: <Table>, <Td>, <Th>, <Tr>, <Thead>, <Tbody>, <Tfoot>

Color Specification Methods
RGB Color Components
Possible color values: 16,777,216: Description:
This method represents a color using a triplet of hexadecimal values concatenated together. These values represent the Red, Green and Blue components for a given color. The range of each component value is 00-FF in Hexadecimal (0-255 Decimal.) The total value should be prefixed by a pound "#" symbol.; Syntax:
<tag ATTRIBUTE="#RRGGBB">
(where RR, GG and BB are the respective hexadecimal values for Red, Green and Blue).; Example:
<font COLOR="#ff802d">
Color-Safe Palette: Possible color values: 216; Description:
The syntax of this method is exactly the same as for the general RGB color component method, but represents a very useful subset of values within the 16 million allowed colors. This subset represents the palette of color values that will not dither on a system using only 256 colors. This "safe" range is composed of six equally spaced values in the 256 value range for each color component. With six values for each component, this gives a total of 216 (6 X 6 X 6) color combinations.
Hexadecimal: 00, 33, 66, 99, cc, and ff
Decimal: 0, 51, 102, 153, 204, and 255; Example:
<body BGCOLOR="#3399cc">
Windows VGA Color Names: Possible color values: 16; Description:
These friendly color names are taken from the Windows 16-color VGA palette. The color names represent zero, half and full-values (00, 80 and ff respectively) in the RGB component method. Associating names with colors is usually easier for many authors to remember, but the cost is limiting the choice to only 16 values.; Example:
<table BORDERCOLOR="blue">
X11 Color Names: Possible color values: 140; Description:
While the VGA color names may be easy to remember, the range of colors is very limited. Netscape expanded this set of named colors to a standard set of 140 color names used for many years in the UNIX X11 environment. This set of names assigns arbitrary (and somewhat long) names to specific RGB values. The color values used seem fairly random and none of them are in the 216-color "safety palette" (see above,) but the X11 names DO contain all the names in the Windows VGA color name palette.; Example:
<frame BORDERCOLOR="DeepPink">
User Interface Color Names: Possible color values: 28; Description:
One of the main problems in User Interface design is the inability satisfy every user. With colors especially, not every user will like or be able to efficiently use the same colors (because of visual disabilities, personal preference or other factors.) How can a page be designed with color, AND allow for such a wide spectrum of user color requirements? The answer is fairly simple - let the user decide.

Each piece of the user interface in a GUI environment usually has an addressable system name/label, from scrollbars all the way to the application background. A user will have specific colors or values specified for use by each of these pieces in the system. Colors can now be specified using these system labels to give some control over page appearance to the viewer. In theory, letting the user decide what their own user interface should look like will yield the greatest satisfaction.; Example:
<td BGCOLOR="ButtonFace">

Tips & Tricks

Some browsers can recognize RGB color component colors without the "#" symbol present, but this should not be relied on.
Case sensitivity should not be an issue for any of the color name methods mentioned above.
It is wise to specify the text and link colors when the BGCOLOR attribute is also specified. This is to ensure proper contrast is maintained between these basic page elements.
Browser Peculiarities

The "GrayText" UI color name is set to #000000 (black) if the display driver in use does not support a solid gray color.
Looking at the X11 color swatches in Opera 3.5 on Windows 98, it appears that these color names are NOT supported: AliceBlue, BurlyWood, Crimson, DarkBlue, DarkCyan, DarkGray, DarkMagenta, DarkRed, Indigo, LightGreen, LightGray, SaddleBrown, Salmon, WhiteSmoke

back to top

HTML Color Chart

- #FFFFFF - #FFFFCC - #FFFF99 - #FFFF66 - #FFFF33 - #FFFF00

- #CCFFFF - #CCFFCC - #CCFF99 - #CCFF66 - #CCFF33 - #CCFF00

- #99FFFF - #99FFCC - #99FF99 - #99FF66 - #99FF33 - #99FF00

- #66FFFF - #66FFCC - #66FF99 - #66FF66 - #66FF33 - #66FF00

- #33FFFF - #33FFCC - #33FF99 - #33FF66 - #33FF33 - #33FF00

- #00FFFF - #00FFCC - #00FF99 - #00FF66 - #00FF33 - #00FF00

- #FFCCFF - #FFCCCC - #FFCC99 - #FFCC66 - #FFCC33 - #FFCC00

- #CCCCFF - #CCCCCC - #CCCC99 - #CCCC66 - #CCCC33 - #CCCC00

- #99CCFF - #99CCCC - #99CC99 - #99CC66 - #99CC33 - #99CC00

- #66CCFF - #66CCCC - #66CC99 - #66CC66 - #66CC33 - #66CC00

- #33CCFF - #33CCCC - #33CC99 - #33CC66 - #33CC33 - #33CC00

- #00CCFF - #00CCCC - #00CC99 - #00CC66 - #00CC33 - #00CC00

- #FF99FF - #FF99CC - #FF9999 - #FF9966 - #FF9933 - #FF9900

- #CC99FF - #CC99CC - #CC9999 - #CC9966 - #CC9933 - #CC9900

- #9999FF - #9999CC - #999999 - #999966 - #999933 - #999900

- #6699FF - #6699CC - #669999 - #669966 - #669933 - #669900

- #3399FF - #3399CC - #339999 - #339966 - #339933 - #339900

- #0099FF - #0099CC - #009999 - #009966 - #009933 - #009900

- #FF66FF - #FF66CC - #FF6699 - #FF6666 - #FF6633 - #FF6600

- #CC66FF - #CC66CC - #CC6699 - #CC6666 - #CC6633 - #CC6600

- #9966FF - #9966CC - #996699 - #996666 - #996633 - #996600

- #6666FF - #6666CC - #666699 - #666666 - #666633 - #666600

- #3366FF - #3366CC - #336699 - #336666 - #336633 - #336600

- #0066FF - #0066CC - #006699 - #006666 - #006633 - #006600

- #FF33FF - #FF33CC - #FF3399 - #FF3366 - #FF3333 - #FF3300

- #CC33FF - #CC33CC - #CC3399 - #CC3366 - #CC3333 - #CC3300

- #9933FF - #9933CC - #993399 - #993366 - #993333 - #993300

- #6633FF - #6633CC - #663399 - #663366 - #663333 - #663300

- #3333FF - #3333CC - #333399 - #333366 - #333333 - #333300

- #0033FF - #0033CC - #003399 - #003366 - #003333 - #003300

- #FF00FF - #FF00CC - #FF0099 - #FF0066 - #FF0033 - #FF0000

- #CC00FF - #CC00CC - #CC0099 - #CC0066 - #CC0033 - #CC0000

- #9900FF - #9900CC - #990099 - #990066 - #990033 - #990000

- #6600FF - #6600CC - #660099 - #660066 - #660033 - #660000

- #3300FF - #3300CC - #330099 - #330066 - #330033 - #330000

- #0000FF - #0000CC - #000099 - #000066 - #000033 - #000000

back to top

Hexadecimal and HTML Named Color Charts.

#EEEEEE #DDDDDD #CCCCCC #BBBBBB #AAAAAA #999999

#888888 #777777 #666666 #555555 #444444 #333333

#000000 #000033 #000066 #000099 #0000CC #0000FF

#330000 #330033 #330066 #330099 #3300CC #3300FF

#660000 #660033 #660066 #660099 #6600CC #6600FF

#990000 #990033 #990066 #990099 #9900CC #9900FF

#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF

#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF

#003300 #003333 #003366 #003399 #0033CC #0033FF

#333300 #333333 #333366 #333399 #3333CC #3333FF

#663300 #663333 #663366 #663399 #6633CC #6633FF

#993300 #993333 #993366 #993399 #9933CC #9933FF

#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF

#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF

#006600 #006633 #006666 #006699 #0066CC #0066FF

#336600 #336633 #336666 #336699 #3366CC #3366FF

#666600 #666633 #666666 #666699 #6666CC #6666FF

#996600 #996633 #996666 #996699 #9966CC #9966FF

#CC6600 #CC6633 #CC6666 #CC3399 #CC66CC #CC66FF

#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF

#009900 #009933 #009966 #009999 #0099CC #0099FF

#339900 #339933 #339966 #339999 #3399CC #3399FF

#669900 #669933 #669966 #669999 #6699CC #6699FF

#999900 #999933 #999966 #999999 #9999CC #9999FF

#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF

#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF

#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF

#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF

#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF

#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF

#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF

#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF

#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF

#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF

#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF

#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF

#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF

#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

back to top

The following chart shows the HTML named colors in alphabetical order.

Aliceblue
#F0F8FF Antiquewhite
#FAEBD7 Aqua
#00FFFF

Aquamarine
#7FFFD4 Azure
#F0FFFF Beige
#F5F5DC

Bisque
#FFE4C4 Black
#000000 Blanchedalmond
#FFEBCD

Blue
#0000FF Blueviolet
#8A2BE2 Brown
#A52A2A

Burlywood
#DEB887 Cadetblue
#5F9EA0 Chartreuse
#7FFF00

Chocolate
#D2691E Coral
#FF7F50 Cornflowerblue
#6495ED

Cornsilk
#FFF8DC Crimson
#DC143C Cyan
#00FFFF

Darkblue
#00008B Darkcyan
#008B8B Darkgoldenrod
#B8860B

Darkgray
#A9A9A9 Darkgreen
#006400 Darkkhaki
#BDB76B

Darkmagenta
#8B008B Darkolivegreen
#556B2F Darkorange
#FF8C00

Darkorchid
#9932CC Darkred
#8B0000 Darksalmon
#E9967A

Darkseagreen
#8FBC8F Darkslateblue
#483D8B Darkslategray
#2F4F4F

Darkturquoise
#00CED1 Darkviolet
#9400D3 Deeppink
#FF1493

Deepskyblue
#00BFFF Dimgray
#696969 Dodgerblue
#1E90FF

Firebrick
#B22222 Floralwhite
#FFFAF0 Forestgreen
#228B22

Fuchsia
#FF00FF Gainsboro
#DCDCDC Ghostwhite
#F8F8FF

Gold
#FFD700 Goldenrod
#DAA520 Gray
#808080

Green
#008000 Greenyellow
#ADFF2F Honeydew
#F0FFF0

Hotpink
#FF69B4 Indianred
#CD5C5C Indigo
#4B0082

Ivory
#FFFFF0 Khaki
#F0E68C Lavender
#E6E6FA

Lavenderblush
#FFF0F5 Lawngreen
#7CFC00 Lemonchiffon
#FFFACD

Lightblue
#ADD8E6 Lightcoral
#F08080 Lightcyan
#E0FFFF

Lightgoldenrodyellow
#FAFAD2 Lightgreen
#90EE90 Lightgrey
#D3D3D3

Lightpink
#FFB6C1 Lightsalmon
#FFA07A Lightseagreen
#20B2AA

Lightskyblue
#87CEFA Lightslategray
#778899 Lightsteelblue
#B0C4DE

Lightyellow
#FFFFE0 Lime
#00FF00 Limegreen
#32CD32

Linen
#FAF0E6 Magenta
#FF00FF Maroon
#800000

Mediumaquamarine
#66CDAA Mediumblue
#0000CD Mediumorchid
#BA55D3

Mediumpurple
#9370D8 Mediumseagreen
#3CB371 Mediumslateblue
#7B68EE

Mediumspringgreen
#00FA9A Mediumturquoise
#48D1CC Mediumvioletred
#C71585

Midnightblue
#191970 Mintcream
#F5FFFA Mistyrose
#FFE4E1

Moccasin
#FFE4B5 Navajowhite
#FFDEAD Navy
#000080

Oldlace
#FDF5E6 Olive
#808000 Olivedrab
#688E23

Orange
#FFA500 Orangered
#FF4500 Orchid
#DA70D6

Palegoldenrod
#EEE8AA Palegreen
#98FB98 Paleturquoise
#AFEEEE

Palevioletred
#D87093 Papayawhip
#FFEFD5 Peachpuff
#FFDAB9

Peru
#CD853F Pink
#FFC0CB Plum
#DDA0DD

Powderblue
#B0E0E6 Purple
#800080 Red
#FF0000

Rosybrown
#BC8F8F Royalblue
#4169E1 Saddlebrown
#8B4513

Salmon
#FA8072 Sandybrown
#F4A460 Seagreen
#2E8B57

Seashell
#FFF5EE Sienna
#A0522D Silver
#C0C0C0

Skyblue
#87CEEB Slateblue
#6A5ACD Slategray
#708090

Snow
#FFFAFA Springgreen
#00FF7F Steelblue
#4682B4

Tan
#D2B48C Teal
#008080 Thistle
#D8BFD8

Tomato
#FF6347 Turquoise
#40E0D0 Violet
#EE82EE

Wheat
#F5DEB3 White
#FFFFFF Whitesmoke
#F5F5F5

Yellow
#FFFF00 YellowGreen
#9ACD32

back to top

TO GET MORE HELP CHECK THESE SITES OUT
clipart cool archive cool text scream design webmonkey Java animated graphics
COPYRIGHT© 2003
FOR QUESTIONS OR COMMENTS EMAIL ME AT THIS LINK!!!!!

-	#FFFFFF	-	#FFFFCC	-	#FFFF99	-	#FFFF66	-	#FFFF33	-	#FFFF00
-	#CCFFFF	-	#CCFFCC	-	#CCFF99	-	#CCFF66	-	#CCFF33	-	#CCFF00
-	#99FFFF	-	#99FFCC	-	#99FF99	-	#99FF66	-	#99FF33	-	#99FF00
-	#66FFFF	-	#66FFCC	-	#66FF99	-	#66FF66	-	#66FF33	-	#66FF00
-	#33FFFF	-	#33FFCC	-	#33FF99	-	#33FF66	-	#33FF33	-	#33FF00
-	#00FFFF	-	#00FFCC	-	#00FF99	-	#00FF66	-	#00FF33	-	#00FF00
-	#FFCCFF	-	#FFCCCC	-	#FFCC99	-	#FFCC66	-	#FFCC33	-	#FFCC00
-	#CCCCFF	-	#CCCCCC	-	#CCCC99	-	#CCCC66	-	#CCCC33	-	#CCCC00
-	#99CCFF	-	#99CCCC	-	#99CC99	-	#99CC66	-	#99CC33	-	#99CC00
-	#66CCFF	-	#66CCCC	-	#66CC99	-	#66CC66	-	#66CC33	-	#66CC00
-	#33CCFF	-	#33CCCC	-	#33CC99	-	#33CC66	-	#33CC33	-	#33CC00
-	#00CCFF	-	#00CCCC	-	#00CC99	-	#00CC66	-	#00CC33	-	#00CC00
-	#FF99FF	-	#FF99CC	-	#FF9999	-	#FF9966	-	#FF9933	-	#FF9900
-	#CC99FF	-	#CC99CC	-	#CC9999	-	#CC9966	-	#CC9933	-	#CC9900
-	#9999FF	-	#9999CC	-	#999999	-	#999966	-	#999933	-	#999900
-	#6699FF	-	#6699CC	-	#669999	-	#669966	-	#669933	-	#669900
-	#3399FF	-	#3399CC	-	#339999	-	#339966	-	#339933	-	#339900
-	#0099FF	-	#0099CC	-	#009999	-	#009966	-	#009933	-	#009900
-	#FF66FF	-	#FF66CC	-	#FF6699	-	#FF6666	-	#FF6633	-	#FF6600
-	#CC66FF	-	#CC66CC	-	#CC6699	-	#CC6666	-	#CC6633	-	#CC6600
-	#9966FF	-	#9966CC	-	#996699	-	#996666	-	#996633	-	#996600
-	#6666FF	-	#6666CC	-	#666699	-	#666666	-	#666633	-	#666600
-	#3366FF	-	#3366CC	-	#336699	-	#336666	-	#336633	-	#336600
-	#0066FF	-	#0066CC	-	#006699	-	#006666	-	#006633	-	#006600
-	#FF33FF	-	#FF33CC	-	#FF3399	-	#FF3366	-	#FF3333	-	#FF3300
-	#CC33FF	-	#CC33CC	-	#CC3399	-	#CC3366	-	#CC3333	-	#CC3300
-	#9933FF	-	#9933CC	-	#993399	-	#993366	-	#993333	-	#993300
-	#6633FF	-	#6633CC	-	#663399	-	#663366	-	#663333	-	#663300
-	#3333FF	-	#3333CC	-	#333399	-	#333366	-	#333333	-	#333300
-	#0033FF	-	#0033CC	-	#003399	-	#003366	-	#003333	-	#003300
-	#FF00FF	-	#FF00CC	-	#FF0099	-	#FF0066	-	#FF0033	-	#FF0000
-	#CC00FF	-	#CC00CC	-	#CC0099	-	#CC0066	-	#CC0033	-	#CC0000
-	#9900FF	-	#9900CC	-	#990099	-	#990066	-	#990033	-	#990000
-	#6600FF	-	#6600CC	-	#660099	-	#660066	-	#660033	-	#660000
-	#3300FF	-	#3300CC	-	#330099	-	#330066	-	#330033	-	#330000
-	#0000FF	-	#0000CC	-	#000099	-	#000066	-	#000033	-	#000000