BASIC TEXT EDITING - SECTION 1
As most homepage contents are made up of words and texts, the <font> </font> tag plays an important role. There are many different types of usage for this simple <font> tag, which can define anything from size to colour. Here's some of the important ones :
You are able to choose from 7 different sizes for your document. They
range from 1 to 7. With 1 being the smallest and 7 the largest. Most of the time,
it is vital to stress out important matters with LARGE font sizes.
Here's an example, by inserting the following within the <body></body> tags :
<font size="1">This</font>
<font size="2">is</font>
<font size="3">an</font>
<font size="4">example</font>
<font size="5">of</font>
<font size="6">different</font>
<font size="7">sizes.</font>
This is what you will see in your browser :
This is an
example of different
sizes.
You could enhance the outlook of your homepage by using different
fonts. Instead of the usual 'Times New Roman', you could use 'Arial' or 'Verdana'.
These are the usual fonts being used to define text on your homepage. Remember!
Not all fonts are available to everyone, so use only the regular ones. To define
different font faces, just insert the following :
<font face="Arial">Arial</font>
<font face="Times New Roman">Times New Roman</font>
<font face="Verdana">Verdana</font>
<font face="Boombox, Verdana">Boombox</font>
This is what you will get :
Arial Times New Roman
Verdana Boombox
I purposely use the Boombox font as this font is not commonly found in each and every computer, so you could only see it in plain regular Verdana. You will also notice that by adding a comma (,) within the <font face> tag, your browser will select (from the 2 font available) the font which could be found on your computer. You could put as many font face as necessary but most of the time 2-3 will do.
You could also change the colour of your text, this is to say you won't
be limited to just one plain colour only. To do so, just insert the following line :
<font color="red">Red</font>
<font color="pink">Pink</font>
<font color="lime">Lime</font>
<font color="purple">Purple</font>
You will get the following results on your browser :
Red Pink Lime Purple
Here are some other colours in their hexadecimals form.
#FF0000 #800000 #C00000
#FF4040 #FF8080 #FFC0C0
#FFFF00 #808000 #C0C000
#FFFF40 #FFFF80 #FFFFC0
#00FF00 #008000 #00C000
#40FF40 #80FF80 #C0FFC0
#00FFFF #008080 #00C0C0
#40FFFF #80FFFF #C0FFFF
#0000FF #000080 #0000C0
#4040FF #8080FF #C0C0FF
#FF00FF #800080 #C000C0
#FF40FF #FF80FF #FFC0FF
That's all for this section, continue with Section 2 or Section 3. Click here to get to Lesson 4 : Images & Links.