By using HTML we can create several different types of lists. We will look at ordered, unordered and definition lists. We will first look at unordered lists.

To make an unordered list we use the tags <UL> and </UL> (U for unordered and L for list). These tags mark off each item in the list with a bullet. Here is how we construct the list:

<UL>
</UL>

In order to add the items in the list we use the tag <LI> at the beginning of each item. This tag doesn't have an ending tag. Here is how we add several items to our example list:

<UL>
<LI>Item One
<LI>Item Two
<LI>Item Three
<LI>Item Four
<LI>Item Five
</UL>

Here is what our example will look like:

• Item One
• Item Two
• Item Three
• Item Four
• Item Five

We can change the appearance of the bullets by adding the attribute TYPE inside of the tag <LI>. There are three types of bullets: disc, square and circle. Here is our example modified with the different types:

<UL>
<LI>Item One
<LI TYPE="disc">Item Two
<LI TYPE="square">Item Three
<LI TYPE="circle">Item Four
</UL>

And here is what it will look like:

• Item One
• Item Two
• Item Three
• Item Four

An ordered list uses the same idea as the unordered list except the bullets are substituted with numbers or letters. The tags <OL> and </OL> are used instead of <UL> and </UL>. Here is an example with the result:

<OL>
<LI>First item in list
<LI>Second item in list
<LI>Third item in list
<LI>Fourth item in list
<LI>Fifth item in list
</OL>

1. First item in list
   
2. Second item in list
   
3. Third item in list
   
4. Fourth item in list
   
5. Fifth item in list
   

We can change the appearance of the numbers in ordered list. This time the attribute TYPE goes inside of the <OL> tag. There are five types: "1" (regular numbers), "a" (lower case letters), "A" (upper case letters), "i" (lower case roman numerals) and "I" (upper case roman numerals). Here is one example to give you the picture:

<OL TYPE="A">
<LI>First item
<LI>Second item
<LI>Third item
</OL>

And here is the result:

1. First item
2. Second item
3. Third item

Creating a definition list is a little bit different than creating ordered and unordered lists. First to set up the list we use the tags <DL> and </DL>. Here is what it will look like:

<DL>
</DL>

Next step is adding the terms and the definitions to the list. Use the tag <DT> to show what the term is and use the tag <DD> to show what the definition is. Neither tag has an ending tag. Here is what it will look like:

<DL>
<DT> First term <DD>Definition of term
<DT> Second term <DD>Definition of term
<DT> Third term <DD>Definition of term
</DL>

And here is what it will look like on your browser:

First Term

Definition of term

Second Term

Definition of term

Third Term

Definition of term

This page has been accessed

times since June 24, 2001