Size & Style Tags Combination
|
| Play it again, SAM! |
<I>
<FONT SIZE"="6>
<B>Play</B> </FONT>
it again,
<FONT SIZE"=5">SAM!</FONT></I>
|
Background and Text Color
|
| <BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="image-URL or filename"> | |
| BACKGROUND - background image BGCOLOR - background color TEXT - text color LINK - link color prior to visiting it. ALINK - link color while clicking it. VLINK - link color after visiting it. | |
Each color value is composed of 3 values of two Hexadecimal digits representing the
amount of red-green-blue (="RGB color") triplet variable="#rrggbb".
For example, examine the the setting BGCOLOR="#80FF00".
This #80FF00 color is combination of red=80 green=FF blue=00.
Each number is is represented in Hexadecimal (base 16) as opposed to the common decimal(base 10).
Decimal numbers have 10 digits - 0,1,2,3,4,5,6,7,8,9. Hexadecimal numbers have 16 digits - 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.Each color value has a range of 0-255 (00-FF HEX) Here is an example of converting the decimal number 211 to Hexadecimal. (211/16)= 13, remainder 3. In hexadecimal 13 is represented with the digit "D", which will be the leftmost digit. After subtracting (13*16) from the 211 the remainder is 3 (the units place), thus the hexadecimal number is "D3". | |
|
Tricks & Tips:
Certain color values cause strange results with some browsers.
An example would be in setting the Text color to white text="#FFFFFF".
Rather than the white text you would expect using a well-behaved browser, you rarely get a white filled
rectangle. In general, reducing one of the color values by one fixes such problems,
i.e., change text="#FFFFFF" to text="#FFFFFE" may do the trick.
This is a nasty departure from Web-safe colors.
Still not for sure about this 'hexadecimal' RGB triplet stuff? O.K., here's
on-line RBG Color Triplet chart for you.
|
Selective Font Colors
<FONT COLOR=color>...</FONT>
|
| Font color defined in the <FONT COLOR="color">...</FONT>tag is only effective on text inside of <FONT COLOR=color>...</FONT>tag. You can also use red, green and blue (="RGB color") combination in hexadecimal to assign a color. |
| red white blue |
<FONT COLOR="red"><B>red</B></FONT> <FONT COLOR="white"><B>white</B></FONT> <FONT COLOR="blue"><B>blue</B></FONT> |
Horizontal Rules
The HR element produces a horizontal dividing line drawn completely across the screen, unless modified with an attribute. |
| <HR> | |
|
|
<HR> (Hair line)
|
| <HR SIZE=#> | |
|
|
<HR SIZE="10"> (10 pixels thick)
|
| <HR WIDTH="#"> #=pixels, percent | |
|
|
<HR WIDTH="50"> (line is 50 pixels wide)
<HR WIDTH="50%"> (line is 50% of the page width)
|
| <HR ALIGN=#> #=center, left, right | |
|
|
<HR WIDTH="50%" ALIGN="left">
<HR WIDTH="50%" ALIGN="right">
|
| <HR NOSHADE> | |
|
|
<HR NOSHADE> (line drawn without using a shade or shadow effect)
|
| <HR Color=color> | |
|
|
<HR COLOR="red""> (line drawn in red, if browser (MS I.E)interprets this tag)
|