Using color can make a big difference in the appeal of your web page, but keep in mind that some text and background color combinations can be hard to read. And your favorite color may not be everyone else's! Here are examples of how to add color to different aspects of your page: You can color the background of your page by adding a color attribute in the body tag. If you place a color attribute--bgcolor stands for background color--inside the body tag, the color will fill the background of your page. In the following example: <body bgcolor="CCFFFF"> ....the page background is a light blue. To use colored text on your page, you must place a text attribute in the body tag: <body text="0033FF"> ....the page text color is a dark blue. The two attributes can be combined in the body tag: <body text="0033FF" bgcolor="CCFFFF"> ....you will now have a light blue page on which all of the text is a dark blue. If you wish to change text color for just one word on the page, use the font tag: <body text="0033FF" bgcolor ="CCFFFF"> I would like the word <font color="FF0033"> Red </font> to stand out by being its own color. </body> ....your light blue page with dark blue text now has the single word Red. Notice that the color attribute must be placed within the font tag. If the font closing tag is not used, the text will continue to be the color you introduced with the tag. Color can be added to table tags and list tags. Consult the instructions for these features and add the color attributes within appropriate tags. If closing tags are necessary, be sure to include them. Just remember that color is an attribute that goes inside another tag, and you must use ="------" whether it follows text, bgcolor, font color, or table, etc. Study the Color Codes link in Helps to learn more about using color in HTML. Here are some links to sites that show html colors and their hexadecimal code numbers: http://www.billmurphy.com/Art/colors.html http://www.mrs.umn.edu/committees/wwwac/toolbox/color.html http://www.peak.org/~jeremy/bigfun/html_color_chart.html Copyright Notice: No materials on any of the Bellingham Schools’ web pages may be copied without express written permission unless permission is clearly stated on the page.
Teacher Tips / Permission / Image Information / Return to Tech Connections Homepage / District Homepage