HTML
Manipulating Font Size and Color
Okay, now we want to see how to change the font size. This is
done with the following tag:
<FONT SIZE="x"> text to change </FONT>
"x" will be replaced by a number with a + or - sign in front of
it. So let's say you wanted to make the font larger. You can use the
tag with a +2, like this:
<FONT SIZE="+2">I'm a big sentence now!</FONT>
This will give us the following:
I'm a big sentence now!
Likewise, you can make the font smaller in the same way, using the -
sign:
<FONT SIZE="-2">Hey, I'm Small!</FONT>
Will give us this:
Hey, I'm Small!
Here are some more size examples for you:
<FONT SIZE="+4">Hey There</FONT>
Hey There
<FONT SIZE="+3">Hey There</FONT>
Hey There
<FONT SIZE="+2">Hey There</FONT>
Hey There
<FONT SIZE="+1">Hey There</FONT>
Hey There
<FONT SIZE="-1">Hey There</FONT>
Hey There
<FONT SIZE="-2">Hey There</FONT>
Hey There
<FONT SIZE="-3">Can you read this?</FONT>
Can you read this?
Now, suppose you want to change the font color. This is done in much the
same way. Here is the tag: <FONT COLOR="color">
We replace the word color with a color name or the hexidecimal color
value. Let's do one using the color name to begin:
<FONT COLOR="red">I'm red!</FONT>
I'm red!
Now let's use the hexidecimal value for red. The hexidecimal
representation begins with a # sign and is followed by six letters
and/or numbers. Here is the example:
<FONT COLOR="#FF0000">I'm red!</FONT>
I'm red!
That is a # sign, two F's and four zeros. Usually it's easier to remeber
the color names, but you may want to have the hex code for more
complicated colors. Now suppose you want to change the size AND
the color. To do this, you can use two FONT tags and remember to close
them both, like this:
<FONT SIZE="+2"><FONT COLOR="gold">I am
gold!</FONT></FONT>
I am gold!
Also, you can use the SIZE and COLOR declarations inside the same tag,
and close only one tag. This is done like this:
<FONT SIZE="+2" COLOR="gold">I am gold!</FONT>
I am gold!
You can also declare the font color inside the BODY tag. We will discuss
this in a later section called Using the Body Tag Declarations. For now,
we will move on to the next section: Special Characters: The extra
space, copyright symbol, and more. Color Names and Hex Codes
When using the color name in your document, just place the Color Name
inside the quotation marks of your command. For instance, with the font
color command, you would do this to change the font to red:
<FONT COLOR="red">
If you use the hex code of a color, you place the entire hex code
between the quote marks, including the # sign. All the "0" characters
are zeros. So, to use a hex code to change the background color to
blue, you would place the hex code for blue in the command, like this:
<BODY bgcolor="#0000FF">
And now, here is the table:
Color Name
HEX Code black #000000
white #FFFFFF
red #FF0000 blue #0000FF
green #008000
yellow #FFFF00 orange
#FFA500 violet #EE82EE
purple #800080 pink
#FFC0CB silver #C0C0C0
gold #FFD700
gray #808080 aqua #00FFFF
skyblue #87CEEB
lightblue
#ADD8E6 fuchsia #FF00FF
khaki #F0E68C
Using a Background Color If you want to use a background color
on your page, you will need to begin by finding the <BODY> tag. Once
you have found the tag, look for a command after the word BODY that
says bgcolor="color" . It may look like this:
<BODY bgcolor="gray">
Or the tag may have more commands inside and use hex codes, like this:
<BODY text="#000000" link="#A6CAF0" bgcolor="#808080">
And of course, the command may not be there at all. If this is the
case, add it by placing a space after the word BODY and then type the
command, like this:
<BODY bgcolor="gray" text="#000000" link="#A6CAF0">
Or if you don't have any other commands, just add it in like this:
<BODY bgcolor="gray">
To change the background color, replace the word gray inside the quote
marks with a color name or a color hex code.
So, if you wanted to change the background color to green, you would
type:
<BODY bgcolor="green">
Or you could use the hex code for green:
<BODY bgcolor="#008000">
After doing this, your page will have a green background. Beautiful!
Now just use any color you like in the command, and add color your
pages!
Rohad <[EMAIL PROTECTED]> wrote:
Perkenalkan saya anggota baru di milis ini :
N a m a : Rohad Fatkhurrokhim
Alamat : Perum Griya Batu aji Asri, Sagulung, Batam
Alamat asal : Karangawen, Demak
Selama ini saya mengikuti milis [EMAIL PROTECTED], tapi memang milis
tersebut seperti mati suri, ternyata ada milis warga demak lain yang lebih
ramai.
Ada beberapa nama yg saya kenal di milis demak, seperti Pak Fanar dan
Mas Nur Ihsan meskipun belum pernah bertemu dgn beliau...
Semoga dengan mengikuti milis ini dapat menambah tali silaturahmi sesama
warga Demak.
Apakah anggota milis ini ada yang tinggal di Batam?
kayaknya lagi rame nih membahas masalah copy darat, rencana mau
diadakan dimana?
Demikian perkenalan dari saya dan salam kenal buat yang lain...
Rohad.F
Prod. Engineering Dept.
PT Sumitomo Wiring Systems Batam Indonesia
BIP Kav. 8, Muka Kuning, Batam - Kepulauan Riau
Telp (0770) 611553 ext. 333
---------------------------------
Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel
and lay it on us.