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.