place holder
Web Diner List Tutorial - Unordered Lists

Unordered lists are lists that are not numbered. Unordered lists have a bullet before each list item, Ordered lists have a number (or letter) before each list item.

Creating Unordered Lists

All list tags would appear on a web page between the <BODY> and <BODY> tags. The tag to begin an Unordered List is <UL>. Each item in the list will need to have a <LI> or List Item tag before it. The list is closed using the <UL> tag.

Default Unordered List

So, for example, this list:

Some quotations about food:

  • Food is an important part of a balanced diet - Fran Lebowitz
  • As for butter versus margarine, I trust cows more than chemists - Joan Gussow
  • Never drink black coffee at lunch: it will keep you awake all afternoon - Jilly Cooper
The HTML for this list looks like this:
Some quotations about food:
<UL>
<LI>Food is an important part of a balanced diet - Fran Lebowitz
<LI> As for butter versus margarine, I trust cows more than chemists - Joan Gussow
<LI> Never drink black coffee at lunch: it will keep you awake all afternoon - Jilly Cooper
<UL>

Changing the Bullet Shape

The default bullet shape for unordered lists is a circle. The following instructions currently only work with Netscape. (For AOL's browsers or Internet Explorer, the default bullet will display for all of the following examples.) You can change the shape of the bullet to a square by altering the <UL> tag to <UL TYPE=SQUARE>. The list would then look like this:
  • Food is an important part of a balanced diet - Fran Lebowitz
  • As for butter versus margarine, I trust cows more than chemists - Joan Gussow
  • Never drink black coffee at lunch: it will keep you awake all afternoon - Jilly Cooper
You can change the shape of the bullet to a hollow square (for Netscape 2.0) by altering the <UL> tag to <UL TYPE=CIRCLE>. The list would then look like this:
  • Food is an important part of a balanced diet - Fran Lebowitz
  • As for butter versus margarine, I trust cows more than chemists - Joan Gussow
  • Never drink black coffee at lunch: it will keep you awake all afternoon - Jilly Cooper

Web Diner Tutorials | Home | List Tutorial

Create Your Own Web Adventure with the Web Diner!

All information copyright Web Diner Inc., 1997. Do not redistribute or repost this content.