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

are enclosed in brackets < and >, in bracket pairs, such as <TITLE> and </TITLE> or in one bracket, such as <P> (paragraph).
are case-insensitive

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:

Definition Lists (Glossaries)
Unordered Lists
Ordered Lists
Menus
Short Lists

A HTML document consists of

Head elements
Body elements
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):

Bold
Italics
Fixed-width

Examples (semantic styles):

Strong emphasis, often same as bold
Emphasis, often same as italics
A variable name
A citation

Graphics

You can include inline graphics in a document:

You can create an anchor on an inline graphic:

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:

< for < (Less than)
> for > (Greater than)
& for & (Ampersand)
" for " (Double quotation mark)

For more entities, see:

For more information, see the HTML Station at: https://johndecember.com/html/

John December (johndecember@gmail.com) / 2006-08-02