Basic HTML Demonstration Document


This is a document that demonstrates many of the basic features of HTML. You can use the "View / Source" option of your browser to see how the different effects have been created using HTML.

Elements of HTML

Head Elements

Wrapped in <HEAD> </HEAD>.

Most common:

<TITLE>title </TITLE>
where "title" is meaningful in contexts outside of the document's contents. E.g, the title "Introduction" would not be as meaningful "Introduction to the XYZ Industries Product Line"
<LINK Rev="made" Href="mailto:user@host.domain">
indicates that user@host.domain is the author or owner of the document.

Body Elements

Wrapped in <BODY> </BODY>.

An address can be expressed using linebreaks:

The HTML Institute
45 General Square
Markup, LA 70462

A blockquote is used to mark extended text quoted from another source:

Nick stood up. The railroad tracks, where he could see them curve off in the distance, disappeared in a heavy mist. He lost his fishing pole, the sandwiches he had taken from Seney, the knife he had found on the streets of Cadillac, and all hope that he'd make it to Two Heart before dark.

Lists can be:

A HTML document consists of

  1. Head elements
  2. Body elements
  3. Graphic elements

A definition list, or glossary has these parts:

The term:
what is to be explained in more detail by a definition
The definition:
the longer explanation of the term, which may include several lines of text.

Preformatted text:

 
                 ______
                /      |
               /       |
              |        |
     _________/        |
    |               *NYCD
    /   N e w  Y o r k |
   |______________     |
                  |_   |
                    \__| _____
                        |_____|

Note that you can have a link in preformatted text.

Character highlights:
Examples (physical styles):

Examples (semantic styles):

Graphics

You can include inline graphics in a document: HTML Station LOGO

You can create an anchor on an inline graphic: HTML Station LOGO

Use the Alt="HTML Station LOGO" attribute within the link to provide a string for non-graphic browsers to display in place of the logo.

Entities in HTML

Some sample entities:

&lt; for < (Less than)
&gt; for > (Greater than)
&amp; for & (Ampersand)
&quot; for " (Double quotation mark)

&#169; for © (Copyright)
&#165; for ¥ (Yen)
&#163; for £ (Pounds)

For more entities, see:

For more information, see the HTML Station at: http://www.december.com/html/


John December (john@december.com) / 2006-08-02