MaraHTML

¤ Tisha Look's HTML Tutorial ¤

How To Change Colors

It's rare anymore that I ever find a plain black-text-on-white-background website anymore. People need to express themselves and color is a good place to start. You can change the color of just about anything you see on a web page: text, background, links, tables, horizontal lines and more. Just be careful when it comes to using colored text on a colored background - if it's too hard to read, people will probably just ignore your site (and all your hard work!)

The HEX Color Table:
With today's technology there are literally MILLIONS of colors to choose from. This can be a little overwhelming to someone just starting out so I'm going to pull it back to the original 216 color non-dithering palette. If you want to go further than that, there are numerous sites on the internet that offer the whole spectrum of colors - just do a search on HEX codes.

All available web colors have a corresponding HEX code. This tells the browser what shade of purple you want and is easier than having to remember the spelling for fuschia. A HEX code is pretty easy to spot - it's the # (pound) sign followed by 6 alphanumeric characters (i.e. numbers and/or letters). The HEX code for white is #FFFFFF while the HEX code for black is #000000. To see all the other available colors in the 216-color palette, click the link below:

216-Color HEX Color Table

Using Colors:
Once you've decided what colors you'd like to use, you'll need the appropriate codes to use them. Again, be careful with your colors and make sure people will be able to read your website!

To Do This:	Use This Code:
Change the color of your text	<font face="verdana" size="2" color="#FF0000">Your text here</font>
Change the color of your background *	<body bgcolor="#FF0000">
Change the background color of a table cell **	<td bgcolor="#FF0000">
Change the border color of a table **	<table border="1" bordercolor="#FF0000">
Change the color of a horizontal line	<hr color="#FF0000">

* Be sure to put the BODY tag at the very beginning of your HTML document.
** Refer to the TABLES section of this tutorial for instructions on handling these.

¤ NAVIGATION ¤

¤ Home

¤ HTML Tutorial:

Intro

Adding Graphics

Working With Text

Working With Colors

Adding Links

Creating Tables

Adding Music

Marquees

Scrollbars