Presenting text with the font tag

 

  Bold and italicised text may not be sufficient for you when you are designing your web pages and web environment. You may wish to use larger font sizes or different colours or font faces to mediate the information you are presenting. At its simplest this mediation may be to add headings or to show that a piece of text is a warning or in a different language.

The font tag gives you a wide range of control for the look of the text on your pages by the addition of switches within the tag. Here are its switches:

<font size=+1 face=arial color=aa0000>
Notice how the size of the text is now slightly larger, that the face has changed from the default for your computer (usually Times New Roman) and that the colour is a deep red (corresponding to the color-code chart we looked at earlier).
To switch off a font setting, and hence return to the default for the browser, simply add the closing tag</font>

Watch out for the spelling of the font face Arial, that last vowel is also a letter a


.

 

Activity: Please use font tag switches to mediate the following text in green below, and hence increase its informational value.

I have done the first one for you. My example helps users to understand the tag which is written img src. Use Notepad or Simple Text to make a new web page called tags.htm and copy into the new file the green text headed "HTML TAGS"


"HTML TAGS"
HTML tags are easy to remember if you
imagine you can see their function as
a phrase with the code hidden in
the letters, like this
image source pointer
bold
italic
anchor to a hypertext reference

 

Have a go at bold, italic and anchor yourself. Mark them up so that key characters stand out in red.


Feedback: The secret lies in having two pieces of code that switch between the two font colours. You can then use Edit Copy and Edit Paste to place the font tags in the correct places before letters in the words you are mediating. Like this
<font face=arial color=ff0000>im<font face=arial color=006600>

Watch out for the American-English spelling of color (sic) in html.