[Index of Lessons]
[Lesson 3] [Lesson 5]

4. Style Tags

Just like a word processor, HTML can tell a web browser to display certain portions of text in Italic and Bold Style, Underline certain words or even do a combination of all three . There is also the strike through command, which does this.

Style Tags
HTML Result
<b>bold words</b> bold words
<i>italic words</i> italic words
<u>underlined words</u> underlined words
<b><i>Combination</i></b> Combination
<b><u>Combination</i></b> Combination
<u><i>Combination</i></u> Combination
<b><u><i>Combination</i></u></b> Combination
<strike>Strike This</strike> Strike This
There is also another common tag used when doing stylised writeing, it is called the typewriter tag. The tags for this are <tt> and </tt>. It produces writing like this.
Example
Now that you have seen some style tags, let's put them into action, we will continue to work on the one page for a little while, until we start to need separate pages to hold the information, that is going to be presented. We will add some style and another section for more readability now.

<html>
<head>
<title>UFO's, Paranormal and other Mysteries</title>
</head>
<body text=black bgcolor=white link=red>
<h1><u>UFO's, Paranormal and other Mysteries</u></h1>
<p>
Welcome to my web site, this site is going to have various
pages pertaining to information I have read and have found very
interesting.<br>
Subject matter will range from UFO's to ghosts and
there specter friends, prophecy's and theories which will make
your mind query all that you know. <p>
All of the information contained within these pages can be found in full in the <b>X-Factor</b> magazine. For these pages only excerpts have been used. All pictures have been found on various web sites around the world.<p>
I hope you enjoy this site<p>
<hr>
<h1><u>UFO's</u></h1>
<h3>Area 51</h3>
<i>"About 190km north west of Las Vegas, in the Nevada desert, the offical map stops. There is plenty there - roads, creeks, mountains, bunkers, buildings and a massive 9.5 km runway - but on paper these things do not exist. It is as if all human activity has ceased across an area the size of Switzerland."</i><p>
<h1><u>Paranormal</u></h1>
<h3>Millennium</h3>
<i>"Michel de Nostradame, popularly known by his Latin name Nostradamus, often spent his evenings alone, gazing into a bowl of water - like a gypsy with a crystal ball - until he went into a deep trance and saw into the future. On one such night, Nostradamus witnessed his own death. He died two weeks later, on 2 July 1566 - the exact date he had predicted." </i><p>
<h1><u>Mysterious World</u></h1>
<h3>Quest for the Lost Ark</h3>
<i>"Covered with gold and surmounted with two golden Cherubim facing each other, the Ark of the Covenant must have been an awesome object to behold. But it was what lay inside that made it the holiest - and most powerful - of religious objects"</i><p>
</body>
</html>

Like before, add all of this to your first web page by opening the document and editing the page. To speed it up, you can cut and paste the code. After you have done all of this, click here (Example 4) to compare your work to the example provided. As you can see, the page is starting to take shape.

Notice, that each heading tag <h1..h6> also bolds the words that are within the actual tags themselves. They also add a <p> tag to it, so a heading tag consists of size,bold and paragraph tags. Sneaky isn't it.

Click on Lesson 5 to continue, or click here (Top) to return to the top of document

Hosted by www.Geocities.ws

1