11. Presentation Formatting

We can make text supper-script or sub-script such a in H₂O or C³⁵ by using the or the tags. Try this in your page.

Sometime you may want a mono-spaced type in your page. To do that just add the True Type tags which look like <tt> </tt> to you page. This also looks like it was typed on an old type writer.

The pre-formatted <pre> </pre> tags are handy when you want something to look just as it did when you enter it in a text editor. Then it will include spacing and returns just as it looks as text. You've got to be careful with this one.

f your view is using a different size monitor or a different resolution the will get quite a different effect and there's now way to know what it might look like or their screen. Of course, you can add the width attribute to the pre-formatted tags to help with how the page looks on another computer, but it's still a little iffy.

When you want to center several things of a page or even the whole page that's a good time to use the center tags, like this: <center> this is centered </center>. This is the only free standing align tag.

Not we move on to fonts. The font tag has three main attributes, size, color and face. There are also the point-size and weight but we'll get into those separately. First let's look at size. There a seven sizes set for HTML fonts. Three is the default size. One and two are smaller than normal and four through seven are larger. Let's try a few to see how it works.

This is font size one 
 This is font size one 
 This is font size one This is the default size 
 This is font size one 
 This is font size one 
 This is font size one 
 This is font size one

Color works much the same way and we learned some about color earlier. The same princables apply. The colors are usually written in hexadecimal and are rgb, red, green, blue. Try changing some of the colors in the text on your page by adding the following.

This is font size one red 
 This is font size one red 
 This is font size one green 
 This is the default size green 
 This is font size one blue 
 This is font size one blue 
 This is font size one default color 
 This is font size one default color

Then we get to the font face. Which may seem a little tricky because the font you list on our page must be in the viewer's computer already. If the view does not have a font on their computer it reverts back to the default or the next one on you list. So it's good idea to list several font name each time you change a font face. Let me show you what I mean.

this is not likely to show up on any computer This will show up because nobody has a font on their commuter called "something weird" nearly everyone has arial. Let's try some of these.

This is font size one arial 
 This is font size one marlboro 
 This is font size one impact 
 This is the default size comic sans ms

Remember when we made the font size a little bigger or smaller using the big and small tags. You can also step up the size a set number using the font size attribute like this:

This font is size is six because the default is three plus three is six.

Tags Covered in this section.
Subscript 
Superscript 
Typewriter <TT></TT> (displays in a monospaced font)
Preformatted <PRE></PRE> (display text spacing as-is)
Width <PRE WIDTH=?></PRE> (in characters)
Center <CENTER></CENTER> (for both text and images)
Font Size (ranges from 1-7)
+/- Font Size 
Font Color 
Select Font 
Point size