| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

Web10Colors

Page history last edited by c 14 years, 6 months ago

Colors - Web 1.0 Site

 

 

 

What am I going to learn to do?

On this page,you will learn how to change colors on a web page using HTML.

 

What software/tools will I use?

Notepad/text editor

Web Browser

 

What are the ideas I will work with?

You can change the colors of text, the background, links and other page elements

Using color names

Using color numbers

 

How do I do it?

Changing text color with names

Write a brief paragraph about the effects of start time on your schedule.

To change the color of the text on just one part of the text, use this code:

  

          <Font color="green">This is the green text</font> The rest of the text outside the font tag will not be colored.

Change text color with numbers

Write a headline for the paragraph, 3-5 words describing the paragraph. 

Change the headline of the paragraph with a similar font tag, but use a number for the color code instead:

<Font color="#CC0 000">This is the headline describing the paragraph</font>

To get more numbers, try this link: http://html-color-codes.com/

There are others that are pretty good, just search for html color code for more

 

Change the colors in the Body

When you want to change the color of the whole body of the page, you modify the existing <body> tag.

You should not have two body tags!

Change the body color with this code:

<body bgcolor=""> (put a color name or number in the quotes)

 

Change the link colors:

Inside the body tag, change the link colors:

          link"" alink="" vlink="" (put a color name or number in the quotes)

 

Checklist

  • HTML page structure
  • Title with page name and your name (first name and last initial only )
  • Heading with page name and your name (first name and last initial only)
  • A paragraph with a heading on the topic listed above
  • Text in the paragraph should be color changed in several places using color names.
  • The headline for the paragraph should be changed using a number value
  • There should be only one <BODY> tag with all the changed info inside it
  • The body color should be changed
  • The link colors, (link, alink, vlink, ) should be changed in the body tag

Comments (0)

You don't have permission to comment on this page.