Remember when I said that the browser doesn't understand formatting, it just displays text in a steady stream? Kind of like this...

<body>
             ///\\___
             (@ @)
  +----oOO----(_)-----------+
  |      BARRY GOLDWATER    |
  |           for           |
  |        President        |
  +-----------------oOO-----+
            |__|__|  
             || ||
            ooO Ooo
</body>
///\\___ (@ @) +----oOO----(_)-----------+ | BARRY GOLDWATER | | for | | President | +-----------------oOO-----+ |__|__| || || ooO Ooo

Well, with the <pre> (preformat) tag, we can put a stop to that and have things displayed the way we type them.

<body>
<pre>
             ///\\___
             (@ @)
  +----oOO----(_)-----------+
  |      BARRY GOLDWATER    |
  |           for           |
  |        President        |
  +-----------------oOO-----+
            |__|__|  
             || ||
            ooO Ooo
</pre>
</body>
             ///\\___
             (@ @)
  +----oOO----(_)-----------+
  |      BARRY GOLDWATER    |
  |           for           |
  |        President        |
  +-----------------oOO-----+
            |__|__|  
             || ||
            ooO Ooo

Notice that a monospaced font is used.


The last tag we're going to discuss is a comment.

<body>
<!--This is a comment.-->
This is not.
A comment can be placed anywhere in the document and the browser
will ignore everything inside the brackets. You can insert hidden
messages, <!--Hi Mom!--> notes to yourself, <!--Pick up milk--> or
write a helpful message to someone looking at the source of your
page.<!--Copy anything off me and you're dead meat!-->
</body>
This is not. A comment can be placed anywhere in the document and the browser will ignore everything inside the brackets. You can insert hidden messages, notes to yourself, or write a helpful message to someone looking at the source of your page.

Just to be absolutely clear, the comment must start with <!-- and end with -->

You can (usually) even put other html tags in a comment and they will be ignored. The browser will just keep ignoring everything until it sees a -->

<< BACK NEXT >>
So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Index & Quick Reference      Table of Contents      ColorPicker      BareBones HTML Guide
Color Charts      Simple Font Widget      Practice Exercises      Where are my images?
Print version of this tutorial available - Get the PageTutor Book & CD