Creating Lists

Lists are absolutely essential to good web page design. You need to break up your page into digestible chunks whenever you can. If you've got material that lends itself to presentation in a list form, try it. By offering this type of summary in an eye-catching manner, you'll be able to convey the purpose of your text to grab the attention of the casual browser, and to let the readers quickly determine if this material is what they are seeking. The two most popular type of list are: The bulleted list and The numbered list. The third type is The definition list
 
The bulleted list
 
This type of list is often used by many webmasters. It is also called the unordered list. You need the <UL> tag to start such a list. You use the <LI> tag to insert elements. After you're finished inserting elements, you need to include an end tag for the list as well </UL>
An example using UL follows:
 
What can list be used for:
<UL>
   <LI>Making a list of  links like the one on your left
   <LI>To make a list of ingredients for a recipe
   <LI>To bring up the key points of a longer text 
   <LI>.......
<UL>

The numbered list
 
The numbered list is created in the same manner as the bulleted list. To create a numbered list you use the <OL> tag. You use the <LI> tag to insert elements into the list. The numbered list requires an end tag as well </OL>
An example using UL follows:
 
Best F1 Drivers
<OL>
   <LI>ME
   <LI>......
   <LI>......
   <LI>A.Senna
   <LI>A.Prost
</OL>

The definition list
 
The definition list has three part: the definition list <DL>, the definition term <DT>, and the definition description <DD>. You start your definition list with the <DL> tag. The <DT> element works the same way as the <LI> element. To add a description to the definition term you use the <DD> element. The definition list, as the two other lists mentioned before, needs an end tag </DL>. The definition list is not used so often.
 

Copyright © 2000, 2001 Proxima Design
Back Home Links e-Mail