You Try It!

Section 1 - Introduction
Section 2 - Basics
      Your first page
      Formatting
      Text tricks
         Bold
         Italics
         Pre-formatted text
         Centering
         Underline
         Cut that out
         Ups and downs
         Typewritten font
         Big and small
         You try it
      Pictures
      Links
      Backgrounds
Section 3 - Next Level
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices
You try it!
Idea: Show that you can modify text using all nine of the new tags taught in this lesson.

Here's an example: I've taken the penguin story and spiced it up with text changes. You can modify your document differently. The old commands are in blue, and the new ones are in green. All apologies to the colorblind.
<html> <head>
<title> My Third Page </title>
</head>
<body>
<h2 align="center"> The Mysterious Penguin of Locker 529 </h2>
<p>
Deep in the heart of Midvale Middle School lies a <i>chilling</i> secret. A living, breathing creature skulks around the halls at night, waiting for a student to be caught alone, and without protection. Four seventh graders have turned up missing this year, with the only trace being scuffmarks on the floor. Each set of marks led to the same spot:
<center> <b>locker 529</b>. </center>
</p>
<p>
After the disappearance of the third child, a crumpled note was found. It smelled strangely of fish and gym socks. The note read: </p>
<div align="center"> <hr width="200" color="blue" size="3">
<pre>
Stoo dents   R  safe.
Ink -u   bay  ting eggs.
More air conditioning please!
</pre> <hr width="200" color="blue" size="3">
</div>
<p>
Later that day, the principal made an announcement. He said,
<br>
<br>
<tt>
Students, we know that you have been shocked and saddened by the events of the day, but we urge you not to panic. We know that a <del> dangerous </del> suspicious character is in the building, but we <big> urge </big> you to remain calm. We caution you though to <u> stay out </u> of the school after dark.
</tt>
</p>
</body>
</html>
That is sure a lot of information to have. The next unit will be easier and more colorful. Don't feel that you have to use these all of the time. They'll be here if you need them in the future.

Remember to work on your own pages. Don't be afraid to experiment. If something isn't working right, make sure all of your tags and punctuation are correct.
Back Home Forward