HTML List Types & Demonstration

HTML List Types

Phil Wells 4/19/99

Unordered or Bullet List (<UL><LI></UL> with <LI> before each item):

<UL>

<LI> This is a LIST ITEM</LI>
<LI> So Is This with no ending TAG This is INSIDE the UL

The </UL> is just to the left of this. So, This list puts LF's before & after the body of the list.

Compact Unordered or Bullet List (<UL COMPACT><LI></UL> with <LI> before each item):

<LI> This is a LIST ITEM with a DISC Bullet. </LI>
<LI TYPE=CIRCLE> This is a List Item with a CIRCLE Bullet & it has no ending TAG
<LI TYPE=SQUARE> This is a List Item with a SQUARE Bullet & it has no ending TAG
This is INSIDE the UL

The </UL> is just to the left of this. From what I can tell, version 4.x browsers don't recognize COMPACT.

Unordered or Bullet List With List Header Tag(<UL><LH><LI></UL> with <LI> before each item):

<UL>
<LH>This is the List Header Line and it ends with a <BR> Tag

<LI> This is a LIST ITEM</LI>
<LI> So Is This with no ending TAG
This is INSIDE the UL

The </UL> is just before this. HTML 3 has a <LH>tag as shown here, but it does nothing, at least w/ Nav 4.5 and PageMill 3 doesnt recognize it

Ordered or Numbered List (<OL><LI></OL> with <LI> before each item):

<LI> This is a LIST ITEM</LI>
<LI> So Is This with no ending TAG
<LI TYPE=1> This is a LIST ITEM with a different Numbering Type</LI>
<LI> This, too, is a LIST ITEM. Other Type Args are "A", "a", & "i".</LI> This is INSIDE the OL

The </OL> is just to the left of this. After the line with the TYPE changed to "1", Explorer reverts back to the original TYPE. Navigator respects the change for subsequent lines.

Definition List (<DL><DT><DD></DL>):

<DT> this is Definition Term w/no end TAG: <DD>and this is its Description w/no end TAG AND an <HR> TAG as a separator
<DT> this is another Definition Term</DT>: <DD>and this is its Description</DD> This is INSIDE the </DL>

The </DL> is just to the left of this. So, This list puts LF's before & after the body of the list.

Menu List (<MENU><LI></MENU> with <LI> before each item) Netscape & IE show this as a paragraph!:

<MENU>

<LI> So Is This with no ending TAG

<LI> This is a LIST ITEM</LI> This is INSIDE the MENU

The </MENU> is just to the left of this. MENU & DIR would display the Items in ROWS.

Directory List (<DIR><LI></DIR> with <LI> before each item) Netscape & IE show this as a paragraph, too!:

<DIR>

<LI> So is this with no ending TAG

<LI> This is a LIST ITEM</LI>
This is INSIDE the DIR

The </DIR> is just to the left of this. Limited to 24 characters.