datapitstop » Website Help »ListsDirectory
Welcome to the HTML lists help section. Here you will find information and exaples on creating different types of lists in HTML.

Quick Jump

Definition List- <DL><DT><DD>

Description

A definition list is a list that is based on definition pairs.
Syntax

<DL> START Definition List
  <DT> Definition Term
    <DD> Definition of Definition Term
  <DT> Definition Term
    <DD> Definition of Definition Term
</DL> END Definition List

Examples

Example 1- A Simple Definition List
CODE
<DL>

  <DT><FONT COLOR="#FF3300">House</FONT>
    <DD>A structure serving as a dwelling
        for one or more persons.
  <DT><FONT COLOR="#FF3300">Dwell</FONT>
    <DD>To exist in a given place or state.
  <DT><FONT COLOR="#FF3300">Residence</FONT>
    <DD>The place in which one lives.
</DL>
RESULT
House
A structure serving as a dwelling
for one or more persons.
Dwell
To exist in a given place or state.
Residence
The place in which one lives.

Ordered Lists- <OL><LI>

Description

An ordered list enables you to create a numbered list. Compared to an unordered list, the ordered list precedes each item in the list with a number instead of a bullet.
Syntax

<OL> START Unordered List
  <LI>Data goes here.</LI>
  <LI>Data goes here.</LI>
  <LI>Data goes here.</LI>
</OL> END Unordered List

Examples

Example 1- A Simple Unordered List
CODE
<OL>
  <LI>Monday</LI>
  <LI>Wednesday</LI>
  <LI>Friday</LI>
</OL>
RESULT
  1. Monday
  2. Wednesday
  3. Friday

Example 1- A "NESTED" Unordered List
CODE
<OL>
  <LI>Monday</LI>
  <LI>Wednesday
    <OL>
      <LI>6am - 9am</LI>
      <LI>3pm - 6pm</LI>
    </OL>
  </LI>
  <LI>Friday</LI>
</OL>
RESULT
  1. Monday
  2. Wednesday
    1. 6am - 9am
    2. 3pm - 6pm
  3. Friday

Unordered Lists- <UL><LI>

Description

An unordered list is also called a "bullet list." The reason is because when you create an unordered list, each item in the list is preceded by a bullet.
Syntax

<UL> START Unordered List
  <LI>Data goes here.</LI>
  <LI>Data goes here.</LI>
  <LI>Data goes here.</LI>
</UL> END Unordered List

Examples

Example 1- A Simple Unordered List
CODE
<UL>
  <LI>Monday</LI>
  <LI>Wednesday</LI>
  <LI>Friday</LI>
</UL>
RESULT
  • Monday
  • Wednesday
  • Friday

Example 1- A "NESTED" Unordered List
CODE
<UL>
  <LI>Monday</LI>
  <LI>Wednesday
    <UL>
      <LI>6am - 9am</LI>
      <LI>3pm - 6pm</LI>
    </UL>
  </LI>
  <LI>Friday</LI>
</UL>
RESULT
  • Monday
  • Wednesday
    • 6am - 9am
    • 3pm - 6pm
  • Friday

Picture