Coloring a Web Page with HTML

Module W22j

Copy this text into the body page

Comment: Set the page's title to be "Text Color Sampler" Comment: Set the background color of the page to black Comment: Set the default text color to white Comment: Make the next line a centered Header 1 and substitute your own name for Sarah Strong's Sarah Strong's Color Sampler Page Comment: Make the next line a centered Header 2 What colors can we use in HTML Text? Comment: Make this a Header 3, left aligned. Primary Colors Comment: Use only WEB-SAFE, hexadecimal colors Comment: Use PURE colors - do not mix primary colors with others Comment: Make the next three lines Header 4 and color them This text is Brightest Red This text is Brightest Green This text is Brightest Blue Comment: Make the next line a Header 3, left aligned: Secondary Colors Comment: Make the next three lines Header 4 and color them WEB-SAFE using hex This text is Brightest Yellow This text is Brightest Cyan This text is Brightest Magenta Comment: Make this a Header 3, left aligned. Shades of Color Comment: Using only Web-safe, pure (unmixed) hex colors, comment: make the next three lines Header 4 and color each word: Red: Darkest Dark Medium Bright Brightest Green: Darkest Dark Medium Bright Brightest Blue: Darkest Dark Medium Bright Brightest Comment: Using only Web-safe, pure hex colors comment: (combining two primaries with the same numeric levels) comment: make the next three lines Header 4 and color each word: Yellow: Darkest Dark Medium Bright Brightest Cyan: Darkest Dark Medium Bright Brightest Magenta: Darkest Dark Medium Bright Brightest

Copy the text from this box and paste it into the body of the new HTML file. Save the file as colors.htm.

Follow the Instructions in the Comments

Save, Check, and Debug

Save your file and view it in a browser. Carefully check...

• Is the background black?
• Are the headlines at the top white?
• Have you colored each line and word according to the instructions?
• If not, edit the file again using a text editor and correct the problems.

When everthing is working right, save the file and attach it to an email to the instructor.

Audience: This is for people who know how to format text on a Web page (see module W22i) and want to add a touch of color to their text and background.
Objectives: When you successfully complete this lesson, you will be able to...

• Use HTML hexadecimal color notation
• Color the background of a Web page
• Color text elements in a Web page

About this document...
Module W22j: Coloring a Web Page with HTML. This document is part of a modular instruction series in computer technology. For more information, see the overview or the list of modules in this series, W: World Wide Web. This document has been used in the following classes: INP 165 "Basic HTML"