Beginning:
Changing Your Background
Tired
of the same old background to your website? Spice it up
by changing the background color--or adding a background
image!
The
background is set using the <BODY>
tag. (There should be only one <BODY>
tag in a page.)
If you
are building your site online, you can edit the HTML of
your page online using the FileManager. Otherwise, use a
test editor on your computer, such as Notepad.
To set
the background color of a page, you need to set the BGCOLOR
attribute. To set the background to white, it would look
like this:
<BODY
BGCOLOR="white">
However,
if you want to use something other than a basic color like
white, black, red, blue, etc., you will need to use a special
code. The code starts with # and then has six characters,
which can be the numbers 0-9 or the letters A-F. (This is
a system called hexadecimal, but you don't need to remember
that.) Just pretend that the letters are numbers bigger
than 9, but still only one digit.
The
first 2 characters represent the amount of red in the color,
from 00 (which means no red) through FF (which means as
much red as possible.) The middle 2 characters represent
green, and the last 2 represent blue.
Code |
Red |
Green |
Blue |
Color |
#000000 |
00
|
00
|
00
|
|
#FFFFFF |
FF
|
FF
|
FF
|
|
#FF0000 |
FF
|
00
|
00
|
|
#00FF00 |
00
|
FF
|
00
|
|
#0000FF |
00
|
00
|
FF
|
|
#2468AC |
24
|
68
|
AC
|
|
#FDB975 |
FD
|
B9
|
75
|
|
You
will probably need to experiment to get the exact color
you want.
Now,
if you want to use a background image instead of a plain
coor, it's very simple. Instead of the BGCOLOR attribute,
you use BACKGROUND and give it the name of the file you
want to use as a background:
<BODY
BACKGROUND="back.gif">
What
about your font colors? If you change your background to
something nearly the same color as your text, your text
might not show up! Fortunately, you can take care of this
all in the <BODY>
tag. The TEXT attribute sets the default color of your text.
The LINK attribute sets the color for unvisited links, and
the VLINK attribute sets the color for visited links.
<BODY
BGCOLOR="black" TEXT="yellow" LINK="green"
VLINK="red">
Of course,
you can use the same color codes as for the background to
get the exact colors you want.
So
there you have the basics of backgrounds. Good luck in building
your site!
|