HTML Sample page

This page is provided so that people can check how the common (and not so common) tags provided by HTML appear on their display.

Quick Index

* Inline Images * Anchors * Level 1 Header * List Styles * Character/Information styles * Text Block Styles * Alignment Styles * Tables *

Inline Images

40x40 inline image without Alternate
Smile!40x40 inline image with alternative.

Anchors

Tests of different anchors and URL's are below.

Anchor to another document

Link to the home page of the author.

Anchor to elsewhere in this document

Follow this link to go to the end of the document

Anchor to a mailto URL

Mail the author of this page, feedback welcome.

Anchor to a .GIF

40x40smile.gif

Level 1 Header

Level 2 Header

Level 3 Header

Level 4 Header

Level 5 Header
Level 6 Header

List Styles

Unordered List <UL>...</UL>

Ordered List <OL>...</OL>

  1. Level 1 Ordered List
    1. Level 2 Ordered List
      1. Level 3 Ordered List
        1. Level 4 Ordered List
          1. Level 5 Ordered List
            1. Level 6 Ordered List

Definition List

Term 1
Definition of term 1
Term 2
Definition of term 2

Directory List <DIR>...</DIR>

  • A-H
  • I-M
  • M-R
  • S-Z

    • Menu List <MENU>...</MENU>

  • First item
  • Second item
  • Third item

    • Character/Information styles

    Default Font
    Emphasis Font (<EM> tag)
    Strong Font (<STRONG> tag)
    Italics Font (<I> tag) - not recommended for use
    Bold Font (<B> tag) - not recommended for use
    Underlined Text (<U> tag)
    Citation text (<CITE> tag)
    Inline code text (<CODE> tag)
    Keyboard text (<KBD> tag)
    Sample text (<SAMP> tag)
    Typetype text (<TT> tag)
    Variable name text (<VAR> tag)
    Horizonal Rule (Line, <HR> tag):

    Text Block Styles

    This is a paragraph of text, ending with a <P>. The quick brown fox jumped over the lazy dog. Suzy Swallowed Sea Shells by the Sea Shore.

    This is a paragraph of text, bounded by <P>...</P>. The quick brown fox jumped over the lazy dog. Suzy Swallowed Sea Shells by the Sea Shore.

    This is some text with a line
    break. (break should appear at the start of the line). A line break is a <BR> tag.

    Address text (<Address> tag)
    Example <BLOCKQUOTE>:
    It is by caffeine alone I set my mind in motion,
    It is by the beans of Java that thoughts acquire speed,
    The hands acquire shaking, the shaking becomes a warning,
    It is by caffeine alone I set my mind in motion.
    Blockquote ends

    Preformated text: 

    0         1         2         3         4         5         6         7
01234567890123456789012345678901234567890123456789012345678901234567890123456789
This text is non-proportioned.
                                              you can put text anywhere
          even make tables:       X    Y
                                1.23  4.22
                                9.99  2.33
    Text bound by <XMP> (Example code, should not be used):
    First line. If the words 'Second line' don't appear after 'Heh' then your browser doesn't treat &lt;XMP&gt; tags correctly >> Heh << Second line.

    Alignment Styles

    <CENTER>

    This is some centered Text

    Aligned Headers, <Hx align=center>

    Sample Centered Header

    Aligned Headers, <Hx align=right>

    Sample Right-Aligned Header

    Tables

    HTML 3 introduces tables. This should show if your browser knows about them:

    Simple Table

    A simple table
    Year Month Day
    1972 June 23rd
    1982 October 7th

    Complex Table

    A more complex table
    averageother
    category
    height weight
    males 1.9 0.003 yyy
    females 1.7 0.002 xxx
    This Document brought to you by Aaron Wigley
    This is the end of the test page