Kid's Guide Publish!
 
 
  Use the Kid's Guide to learn how to write web pages!
then use Publish! to learn how to get your pages live to the Internet!
BACK       

HTML

1 - Tags
2 - Page Sections
3 - Format/Nesting
4 - Head Tags
5 - Body tags
6 - Text Decoration
    part 1 - fonts
    part 2 - style
    part 3 - size
    part 4 - blockquote and preformatted
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
14 - Frames

Fonts = <font></font>

A font is a type-face or the shape of the letters. The font for the text in this book is called Verdana.

On your computer you may have many different fonts to choose to write your text in. Some of them very funny. But the way computers work, the computer must have a copy of a font in the local hard drive to show a web page written in that font.

It’s a little confusing to explain, so I will show you an example:

This font is called Vivaldi

But, if the page is opened on a computer that does not have Vivaldi installed in the font folder in the Windows file, what the computer will show is this:

This font is called Vivaldi. If these two lines look the same - its becuase you don't have the font!

What happens is that the computer uses something called a default font. For most computers, the default font is Times New Roman.

There is a short list of common fonts that are on most of everyone’s computers. So if you use one of these fonts – then you can’t go wrong! Your text will look exactly the way you wanted it too.

Arial
Arial Black
Arial Narrow
Book Antiqua
Bookman Old Style
Century Gothic
Comic Sans MS
Courier New
Garamond
Times New Roman
Verdana

There are lots of things you can do to change the look of fonts. The first thing is to use a different font from the default font ( the one the browser will use if you don’t tell it to use something else.)

Ok! How do I use one of these different fonts? You do this by using the face command. Like this:

<font face=“Comic Sans Ms”>This is my very first web page.</font>

And the code will look like this:
<html>
    <head>
        <title>Jet Internet</title>
        <meta name="keywords" content="Jet Internet, web design">
        <meta name="description" content="This is my first web site.">