HTML List Tags Examples



DEFINITION

coding
results
Preceeding Text
<DL>
<LH>List Header</LH>
<DT>List item 1
<DD>Description of List item 1.
<DT>List item 2
<DD>Description of List item 2.
</DL>
Preceeding Text
List Header
List item 1
Description of List item 1.
List item 2
Description of List item 2.

  • WITH IMAGE BULLETS

    coding
    results
    Preceeding Text
    <DL>
    <LH>List Header</LH>
    <DD><IMG SRC="redball.gif" ALT="*"> List item 1.
    <DD><IMG SRC="redball.gif" ALT="*"> List item 2.
    </DL>
    Preceeding Text
    List Header
    * List item 1.
    * List item 2.
    To the Table of Contents


    DIRECTORY

    coding
    results
    List Name
    <DIR>
    <LI>List item 1
    <LI>List item 2
    </DIR>
    List Name
  • List item 1
  • List item 2
  • To the Table of Contents


    MENU

    coding
    results
    List Name
    <MENU>
    List item 1<BR>
    List item 2
    </MENU>
    List Name List item 1
    List item 2

    To the Table of Contents


    NESTED LISTS

    coding results
    Preceeding Text
    <OL TYPE="1">
    <LI>List Item 1
    <OL TYPE="a">
    <LI>Nested List Item 1
    <LI>Nested List Item 2
    </OL>
    <LI>List Item 2
    <UL>
    <LI>Nested List Item 1
    </OL>
    </OL>
    Preceeding Text
    1. List Item 1
      1. Nested List Item 1
      2. Nested List Item 2
    2. List Item 2
      • Nested List Item 1

    To the Table of Contents


    ORDERED

    coding
    results
    Preceeding Text
    <OL>
    <:LH>List Header</LH>
    <LI>List item 1
    <LI>List item 2
    </OL>
    Preceeding Text
      List Header
    1. List item 1
    2. List item 2

  • ORDERED<LI>TYPES

    coding results
    <OL>
    <LI TYPE="A">List item
    <LI TYPE="a">List item
    <LI TYPE="I">List item
    <LI TYPE="i">List item
    <LI TYPE="1">List item
    </OL>

    1. List item
    2. List item
    3. List item
    4. List item
    5. List item

  • <OL>TYPES
    Example: <OL TYPE="A">

    coding results
    <OL TYPE="A">
    <LI>List item 1
    <LI>List item 2
    </OL>
    1. List item 1
    2. List item 2

  • <OL START="8">

    coding results
    <OL START="8">
    <LI>List item 1
    <LI>List item 2
    </OL>
    1. List item 8
    2. List item 9

    To the Table of Contents


    UNORDERED

    coding
    results
    Preceeding Text
    <UL>
    <LH>List Header</LH>
    <LI>List item 1
    <LI>List item 2
    </UL>
    Preceeding Text
      List Header
    • List item 1
    • List item 2

  • UNORDERED <LI> TYPES

    To the Table of Contents


    |Title Page| |Basic Template|
    |Color| |Dynamic HTML/Layers| |Form Tags| |Frame Tags| |HTML Entities / ISO Characters|
    |Image Tags| |Link Tags| |List Tags| |Other Spacing / Layout Tags| |Rule Tags| |Sound Tags|
    |Style Sheets| |Table Tags I| |Table Tags II| |Text Tags| |Bibliography / Resources| |Index|


    © David Merchant 1997-2001.
    <