HTML 2.0 Demo

This HTML document tries to demonstrate all markers of HTML 2.0. All examples are separated by <HR>. With this document you can test your WWW client on HTML 2.0 and see how it displays the different styles.

This text is not intended to be a documentation or guide. It was only written to test the layout of WWW clients.

A HREF="Lab.html" (METHODS) NAME="First" (REL) (REV) (TITLE) (URN):

Anchor

A HREF="#First" (METHODS) NAME="Second" (REL) (REV) (TITLE) (URN):

Jump to the first anchor

only in P(aragraphs) etc...

ADDRESS:

ADDRESS style

B(old) style

only in P(aragraphs) etc...

BASE (HREF): only in the HEAD part.

BLOCKQUOTE:

BLOCKQUOTE style: This is a short paragraph filled with text to demonstrate how this part will be formatted inside the BLOCKQUOTE block. A good WWW client should format this part different from the "normal" paragraphs

BODY: this marks the visible BODY part.

BR:

Text<BR>
Text

only in P(aragraphs) etc...

CITE:

CITE style

only in P(aragraphs) etc...

CODE:

CODE style

only in P(aragraphs) etc...

DD: only in DL blocks, look there.

DIR:

L(ist) I(tem)</LI>

List Item

DIR COMPACT:

List Item</LI>

List Item

DL:

D(efinition) T(erm)</DT>: D(efinition) D(escription)</DD>
Definition Term: Definition Description
Definition Term: Definition Description

DL COMPACT:

Definition Term</DT>: Definition Description</DD>
Definition Term: Definition Description
Definition Term: Definition Description

DT: only in DL blocks, look there.

EM:

EM(phazised) style

only in P(aragraphs) etc...

INPUT TYPE="text" NAME="InputText1" VALUE="Text":

INPUT TYPE="text" NAME="InputText2" SIZE="10" MAXLENGTH="20":

INPUT TYPE="password" NAME="InputPassword1" VALUE="Password":

INPUT TYPE="password" NAME="InputPassword2" SIZE="10" MAXLENGTH="20":

INPUT TYPE="checkbox" NAME="InputCheckbox" VALUE="1":
INPUT TYPE="checkbox" NAME="InputCheckbox" CHECKED:
INPUT TYPE="checkbox" NAME="InputCheckbox":
INPUT TYPE="checkbox" NAME="InputCheckbox":

Text1 Text2 Text3 Text4

INPUT TYPE="radio" NAME="InputRadio" VALUE="1":
INPUT TYPE="radio" NAME="InputRadio" VALUE="2" CHECKED:
INPUT TYPE="radio" NAME="InputRadio" VALUE="3":
INPUT TYPE="radio" NAME="InputRadio" VALUE="4":

Text1 Text2 Text3 Text4

INPUT TYPE="hidden" NAME="InputHidden" VALUE="Text":

INPUT TYPE="image" NAME="InputImage" SRC="AmigaInt.GIF" ALIGN="middle":

Don't click!!!

INPUT TYPE="reset" NAME="InputReset" (VALUE):

INPUT TYPE="submit" NAME="InputSubmit" (VALUE):

SELECT NAME="DemoOptions1" (MULTIPLE) (SIZE):
OPTION:
OPTION SELECTED:
OPTION VALUE="4":
/SELECT:

SELECT NAME="DemoOptions2" SIZE="2":
OPTION:
OPTION SELECTED:
OPTION:
/SELECT:

SELECT NAME="DemoOptions3" MULTIPLE:
OPTION:
OPTION SELECTED:
OPTION:
/SELECT:

TEXTAREA COLS="20" NAME="Demotext" ROWS="5":

This text is displayed like in the source.

</FORM>

H1:

Headline size 1

H2:

Headline size 2

H3:

Headline size 3

H4:

Headline size 4

H5:

Headline size 5

H6:

Headline size 6

HEAD: this marks the invisible HEAD part.

HR: <HR> is used in all separators like the following:

HTML: this marks the document and contains HEAD & BODY.

I(talic) style

only in P(aragraphs) etc...

IMG ALIGN="middle" ALT="Image" (ISMAP) SRC="AmigaInt.GIF":

INPUT (ALIGN) (CHECKED) (MAXLENGTH) (NAME) (SIZE) (SRC) (TYPE) (VALUE): only in FORM blocks, look there.

-----> ISINDEX: ?

KBD:

K(ey)B(oar)D style

only in P(aragraphs) etc...

LI: only in DIR, MENU, OL and UL blocks, look there.

LINK (HREF) (METHODS) (REL) (REV) (TITLE) (URN): only in the HEAD part.

MENU:

L(ist) I(tem)</LI>

List Item

MENU COMPACT:

List Item</LI>

List Item

META (CONTENT) (HTTP-EQUIV) (NAME): only in the HEAD part.

NEXTID (N): ?

L(ist) I(tem)</LI>
List Item
1. List Item
  1. List Item
    1. List Item
      1. List Item
        List Item
        List Item
List Item

OL COMPACT:

List Item</LI>
List Item
List Item

OPTION: only in the SELECT block, look there.

Paragraph</P>

Paragraph

PRE (WIDTH):

<PRE> PRE(formatted) text
      looks like the
      source code. </PRE>

SAMP:

SAMP(le) style

only in P(aragraphs) etc...

SELECT (MULTIPLE) (NAME) (SIZE): only in FORM blocks, look there.

STRONG:

STRONG style

only in P(aragraphs) etc...

TEXTAREA (COLS) (NAME) (ROWS): only in FORM blocks, look there.

TITLE: only in the HEAD part.

TT:

T(ele)T(ypewriter) style

only in P(aragraphs) etc...

UL:

L(ist) I(tem)</LI>
List Item
- List Item
  - List Item
    - List Item
      - List Item
        List Item
        List Item
List Item

UL COMPACT:

List Item</LI>
List Item
List Item

VAR:

VAR(iable) style

only in P(aragraphs) etc...