HTML
The Wonderful Text Tags
Okay, it's time to start making our text appear in different ways. Let's
start by giving you some tags to work with:
<B></B> This is the tag for bold text.
Example:
<B>Howdy</B>
This will show up on your page like this:
Howdy
Here are a few more to start working with: <U></U> Underline text
<U>Underline Me!</U>
This will show up on your page like this:
Underline Me!
<I></I> Italics
<I>Isn't this fun?</I>
This will show up on your page like this:
Isn't this fun?
<STRIKE></STRIKE>
<STRIKE>You're Out!</STRIKE>
This will show up on your page like this:
You're Out!
<CENTER></CENTER>
<CENTER>This centers text on the page</CENTER>
This will show up on your page like this:
This centers text on the page
Having fun yet? You can also use more than one tag at a time. Let's say you
wanted something in bold and italics. To do this, just place both opening tags
before the text.....and remember to close both tags afterwards....like this:
<B><I>I am bold AND Italic, which makes me cool!</I></B>
This will show up on your page like this:
I am bold AND Italic, which makes me cool
Does the order of the tags make a difference? In this case, it wouldn't matter
which way you opened and closed the tags. However, working from inside out
will help you see your code better, and will help when the order does matter!
(such as placing the </HTML> tag before the </BODY> tag). Here's another way
to look at working inside out. I could write the HTML this way
<B>
<I>
I am bold AND Italic, which makes me cool!
</I>
</B>
This could get rather tedious. All you need to remember is that the text you
have written is affected by every tag before it that has not been closed. The
effect ends when each one of those tags is closed by it's closing tag. So
lets try three things: Bold, Italic, and underline!
<B><I><U>Would you stop tagging me!</B></I></U>
This will give us:
Would you stop tagging me!
But this:
<U><I><B>Would you stop</B></I>tagging me!</U>
would give us this!
Would you stop tagging me!
As you can see, the bold and italics were closed before the word
"tagging"....but the underline remained open until the end of the exclamation.
This caused the "tagging me!" portion to be underlined, while not being
affected by the bold or italics tags! Now let's use the center tag from above.
Since the default alignment of everything is to the left, it's nice to have a
way to place things in the center of the page. So let's do just that. Use the
<CENTER> tag. Anything you place between the <CENTER> and </CENTER> tags will
be centered on the page. Here is an example:
<CENTER>I'm in the middle!</CENTER>
This will give us the following:
I'm in the middle!
You can also use it with one or more of the other tags above, like this:
<CENTER><B><I>Look at me now!</I></B></CENTER>
This will show up like this:
Look at me now!
Now you may be wondering why everything is just on one line. Well, in the next
section, I'll show you how to make the text move to the next line with the
line break tag. You'll also see how to use headings and paragraphs. So, let's
move on to the next step, where you will learn about headings, paragraphs, and
line breaks.
"salam pembebasan"
---------------------------------
Tonight's top picks. What will you watch tonight? Preview the hottest shows on
Yahoo! TV.
