[This article first appeared on MWEB iTutor]
DIY HTML - Part 2
Page 2, Many ways to say the same thing
Text can also be manipulated on a web page. Different styles of text are called fonts, and the style of the font you're reading now is called Verdana. While you were experimenting you would have seen your text in Times New Roman, because that's the default font for most browsers. Unlike other printed media, browsers can only support about four different font styles (or "font faces" as they're referred to on the Net). These font faces also have unique qualities but for now just have a look:
<font face="verdana">verdana</font>
<font face="arial">I'm using arial in this article</font>
<font face="times new roman">times new roman</font>
<font face="courier">and this is courier</font>
<font face="garamond">and this is garamond</font>
What's unique? Well notice how these fonts all have there own style, sizes and spacing between letters. Those are there by default, but you can manipulate them to some extent.
Certain tags come with "switches", or "attributes". These give greater control to the commands the tags give to a browser to represent your information. The two main options for the font tag are "font size" and "font color".
Try these variations:
<font face="arial" size="+2" color="#ffa500"> that's "arial" in style, increased in size and orange in colour
</font>
I'll explain how colours work in HTML in the next tutorial.
<font face="verdana" size="-4" color="#0000cd">
this will make the font style "verdana", size reduced to "-4" and the colour mediumblue.
</font>
|
| 1 | 2 | 3 |
|
|
|