Free Web Hosting by Netfirms
Web Hosting by Netfirms | Free Domain Names by Netfirms

Table of Contents Home Page Web Taming's Free 'Net ToolsSite Search Table of Contents

Learning HTML: Lists

HTML contains tags to arrange text in a listing format.  There are several types of lists.

Unordered List

The unordered list element is opened with the <UL> tag.  Then each item of the list is proceeded by a list item, <LI> tag.  The list item tag needs no corresponding closing tag, and the </UL> tag closes the unordered list.

<UL>
<LI>
Normal 1st level.
  <UL>
  <LI>
Normal 2nd level.
    <UL>
    <LI>
Normal 3rd level.
    </UL>
  </UL>
</UL>
  • Normal 1st level.
    • Normal 2nd level.
      • Normal 3rd level.

Ordered List

The ordered list element marks up an ordered list of items and is opened with the <OL> tag.  Then each item of the list is proceeded by a list item, <LI> tag.  The list item tag needs no corresponding closing tag, and the </OL> tag closes the unordered list.

<OL>
<LI>
First List item.
  <OL>
  <LI>
First 1 level lower.
  <LI>
2nd 1 level lower.
    <OL>
    <LI>
First 2 levels.
    <LI>
2nd 2 levels.
    </OL>
  </OL>
<LI>
2nd List Item.
</OL>
  1. First List item.
    1. First 1 level lower.
    2. 2nd 1 level lower.
      1. First 2 levels.
      2. 2nd 2 levels.
  2. 2nd List Item.

Definition List

Used to provide a list of items with associated definitions.  <DL> starts the list and </DL> ends it.  Every item should be put in a Definition Term, <DT>, and its definition goes in the <DD> directly following it.  The definition list is typically rendered without bullets of any kind.

<DL>
  <DT>
Tag
  <DD>
Tags instruct the web browser how to display the text that you've written.
</DL>

See the Glossary for an example of a Definition List.

Jump to top[Top]


 [Prev] Previous Chapter | Home | Up | Next Chapter  [Next]


Send feedback and kudos to: peterconrad@hotmail.com
Copyright © 2004 by Web Taming . All Rights Reserved.
For more attractions please visit my Personal Pages on Planet Tripod.