Dietmar Knoll - [deutsch]

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:

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
  • List Item
  • DIR COMPACT:
  • List Item</LI>
  • List Item
  • 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...
    <FORM ACTION="Dummy.cgi" (ENCTYPE) METHOD="GET">

    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":

    </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:

    I(talic) style

    only in P(aragraphs) etc...
    IMG ALIGN="middle" ALT="Image" (ISMAP) SRC="AmigaInt.GIF": Image
    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
  • List Item
  • MENU COMPACT:
  • List Item</LI>
  • List Item
  • List Item

  • META (CONTENT) (HTTP-EQUIV) (NAME): only in the HEAD part.
    NEXTID (N): ?
    OL
    1. L(ist) I(tem)</LI>
    2. List Item
      1. List Item
        1. List Item
          1. List Item
            1. List Item
              1. List Item
                1. List Item
    3. List Item
    OL COMPACT:
    1. List Item</LI>
    2. List Item
    3. List Item

    OPTION: only in the SELECT block, look there.
    P:

    Paragraph</P>

    Paragraph

    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: UL COMPACT:
    VAR:

    VAR(iable) style

    only in P(aragraphs) etc...
      Dietmar Knoll (E-Mail), 1996-08-17, latest change: 2004-12-04 Valid HTML 2.0!