Tutorial #4:
Text - Part II

Other tutorials
The Basics
The Basics - Part II
Working With Text
Text - Part II
Making Links
Images
Lists
Tables
CSS
CSS Text Control
CSS-P
Frames
Forms
JSS
Layers
Colors
Marquees

There is more about text modifying ahead! (I know, very exciting.) These were the leftovers from the previous tutorial, but they're just as important.

I took a look at my first text tutorial, and I realized how much I had left out from it. I mean, I touched base on all of the basic stuff, but there is much more, too much to fit into the other text tutorial.

Remember how I showed you how to change the font color? Well, the first thing that I want to show you in this tutorial is how to change the font color for the whole page. It can be overridden by some code you type in in the middle of the page, but this kind of sets the default. Just so you know, this is in the <body> tag.

<body text="#b4cbdc">

See? nothing to it. That hexidecimal number is what the current font color is, and that goes in the <body> tag of my pages.

If you don't have Windows 98, you'll notice that in Notepad, there is one font: fixedsys. If you think that that monospace thing looks cool, then check this out:

<tt>This looks like Notepad!</tt>

See, the tt is short for typewriter, because it also looks like the text you used to see on a typewriter.

Let's say that you put your name down in Notepad, and you put three spaces after each letter. You save the page, and then you view it on you web browser, and... Hey! It took my spaces away! Yeah, HTML does that to you. But there is a way around it. Take my example...

B R E N D A N
If you want to, look at the page source. You'll see I put the spaces in, but they disappeared. Now, look at this:

<pre>

B   R   E   N   D   A   N
</pre>

Well, will you look at that! It spaced my name right! pre is short for preformatting. That means that however you typed that text, that's how it'll show up.

One day, you might be viewing a web page and you see something like this:

20m Free Web SpaceTM
Or maybe something like this...
H20

The examples I showed made use of superscript and subscript. It's really easy to do, and it's really effective. Take a look:

20m Free Web Space<sup>TM</sup>
H<sub>2</sub>0

The next four things that I am going to show you are rarely, if ever, used by me. They are by others, though, so you may like them. Here they are...

If, for some reason, you don't want to type in <font size="whatever">, then this may be for you. Take a look.

<big>This is BIG text</big>
<small>This is small text</small>

It's very self-explanatory, I think. It's what I like to call abstract.

The next two things are identical to the <b> and the <i> tags. Take a look at these.

<strong>This is strong text</strong>
<em>This is emphasized text</em> See? It does the same thing.

There's one last thing I want to show you. Here:

<s>Three strikes and you're out</s>

That is strikeout text. Simple, simple.

I think that is about all I can show you with text, so I think it's time to learn some linking. Click here!