Developer Tips

This week in Web Developer Tips.
Typeface and the Tag Attributes

Setting up the typeface
As this is soon to be deprecated I would only learn the font information purely as reference.

This is one you should really know about. It works this way, select and specify a typeface or a series of typefaces you want to use with the FACE attribute of the tag. If the person viewing your page has the selected and specified typeface on their computer system, their browsers will load them in the order you have selected. If the person viewing your site doesn't have the typeface you have selected, then the viewers browser will use a default typeface. Example, you may choose something like this:

Or like this:

This will force the Arial typeface or Geneva, Helvetica and Arial typefaces to load first. Always try and use a common typeface that appears on most computer systems, by doing so you will know what your page will look like to the majority of your viewers.

Attention: The FACE attribute of the tag has not yet been declared an official part of the HTML 3.2 Specifications. Even though it is supported by browsers 3.0 and higher, this could change in the future.

Tag Attributes

I prefer the tags to the heading <H1> </H1> tags, by using the tags, you will have more control over the text in your HTML documents. One major advantage to using the tags, is you can change the font size of your text without the text being forced to a new line.

You can use tag a number of ways in an HTML document, but some codes produce the same results. Such as:

Test = Test
 Test = Test

The default font size is 3, which means if you do not enter a specified size in your code the size of font will be this size, as I have not specified a font size here.
Font sizes for the tags range from 1 to 7, with the ability to use the + or - signs in front of the number (size) you choose.

Changing font sizes in the same line:

T
R
Y
space
T
H (remember this is the default size 3)
I
S
space
I
T
' (remember this is the default size 3)
S
space
F
U
N

TRY THIS IT'S FUN

Changing colors using RGB in hexadecimal. The hexadecimal values represent the color your text will be.

RED 
GREEN
BLUE
BLACK

Colored text and back grounds are now easier because in most newer web browsers you can specify a color name in place of the hexadecimal values. I believe Netscape supports the most with 140 colors.

The 16 standard color names supported by most of the new browsers are:

aqua
black
blue
fuchsi
gray
green
lime
maroon
navy
olive
purple
red
silver
teal
white (best viewed on a dark back ground)
yellow

In this section we will use all of the font attributes we have covered including the face attribute from the top of this page:

FACE, COLOR and SIZE

J
U
M
B
O
space
S
H
R
I
M
P
JU MBO SHRIMP