Below is a longer example of an HTML document. Notice that spaces in this file help you figure out where heads are used, where a list is placed, etc. Spacing within your source file is quite useful when you go back into the file to make changes or to "debug" your HTML.
You can look at the formatted version when you are done checking through the coding.
<HTML>
<HEAD>
<TITLE>NCSA Beginner's Guide--A Longer Example</TITLE>
</HEAD>
<BODY>
<H1>Something a Bit More Complex</H1>
<P>
This is a relatively simple HTML document. Simple
is in the eye of the beholder, but if you study what is included
in this beginner's guide, you can create documents like this
with no problem!
</P>
<H2>Special Effects (header 2)</H2>
<P>
The second paragraph shows some special effects: a
word in <I>italics</I> and a word in <B>bold</B>.
Here is an inlined GIF image: <IMG SRC="BarHotlist.gif">.
</P>
<P>
This is the third paragraph, which demonstrates links. A hypertext link
from the word <A HREF = "Staff/TracyHome.html">me!</A>
to a document called "Staff/TracyHome.html" exists but if you
try to follow this link, you will get an error screen.
</P>
<H2>A Bit of Poetry (header 2)</H2>
<P>
Here is a section of text that should display in a
fixed-width font when it is formatted:
</P>
<PRE>
On the stiff twig up there
Hunches a wet black rook
Arranging and rearranging its feathers in the rain ...
</PRE>
<H2>A List (header 2)</H2>
<P>
This is a unordered list of my favorite fruit:
</P>
<UL>
<LI> cranberries
<LI> blueberries
</UL>
<H2>You're Done! (header 2)</H2>
<P>
This is the end of the longer sample document.
</P>
<HR>
<ADDRESS>Me (me@mycomputer.univ.edu)</ADDRESS>
</BODY>
<HTML>
Click here to see the formatted version.