List Samples

Various List Samples

Unordered List | Ordered List | Ordered List - Enhanced | Simple List / Indents | Definition List

HTML provides 4 basic types of lists

Ordered	Numbered
Unordered	Bullets
Simple	No bulletes or numbers
Definition	Terms and Definitions

The Definition list could be emulated using just <ol>...</ol> for each level of indent.

Unordered List

	<UL> <LI> </UL>   Unordered list, uses bullets - 
	<UL> produces a break and an indent

        solid circle, open circle, solid square, solid square is Netscape sequence
        Only solid circles are used in IE 3.02

	<UL type=x> - Allowed types = disc, square, circle
	<LI type=x> - Allowed types = disc, square, circle

Normal text, no indent.

First Item
Second Item
- Next level
this is a long item with 2 paragraphs. 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
- 2nd level
  - 3rd level
    - 4th level

Ordered List

	<OL> <LI> </OL>	Ordered list, uses Numbers - 1.
		<OL> produces a break and an indent

Normal text, no indent.

First Item
Second Item
1. Next level
this is a long item with 2 paragraphs. 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
1. 2nd level
  1. 3rd level
    1. 4th level

Ordered List - Enhanced

The TYPE parameter is an HTML 2.0 extension supported by both Netscape and Microsoft.

	<OL type=x> <LI> </OL>	Ordered list, Type={A | a | I | i | 1}
	<OL start=5 compact> 
	<LI vlaue=5 type=x>

Normal text, no indent.

First Item - Type=A
Second Item - Type=A
1. Next level - Type=1
2. Second Line - Type=1
Third Item - Type=A
1. 2nd level - Type=1
2. 2nd level - Type=1
  1. 3rd level - Type=a
  2. 3rd level - Type=a
    1. 4th level - Type=I
    2. 4th level - Type=I
      1. 5th level - Type=i
      2. 5th level - Type=i
    3. 4th level - Type=i
  3. 3rd level - Type=I

Simple List / Indent

Either <UL> or <OL> produces a break and an indent
Use either <br> or <p> to create a new paragraph
This will also indent a <pre>...</pre> block.
This is an undocumented feature which is not part of HTML 2.0.

Normal text, no indent.

Next level

1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.

4th level

Definition List

<DL>		Definition List
    <DT>	Definition Term
    <DD>	Definition Definition (next line and indented)
</DL>

In order to place Terms and Definitions on the same line, use a Table.

Normal text, no indent.

First Term: This is the definition
Second Term: this is a long definition with 2 paragraphs. 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.
This is a long term. 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234.: short definition