One-Hour HTML Tutorial

Lesson 4: Creating Lists

There are two basic types of Lists: ordered lists and unordered lists. Both of these lists can use the type attibute.

    <OL></OL>            - Ordered List (uses numbers or letters)
    <UL></UL>            - Unordered List (uses symbols)
    <OL TYPE=type></OL>  - Type can be A,a,1,I,i
    <UL TYPE=type></UL>  - Type can be square, circle, disc
    <LI>                 - Item on list

See examples below

Code (in text editor)Display (in web browser)
<OL TYPE=A>
<LI>brown fox
<LI>lazy brown dog
<LI>ergo sum
</OL>
  1. brown fox
  2. lazy brown dog
  3. ergo sum
<OL TYPE=I>
<LI>brown fox
<LI>lazy brown dog
<LI>ergo sum
</OL>
  1. brown fox
  2. lazy brown dog
  3. ergo sum
<UL TYPE=square>
<LI>brown fox
<LI>lazy brown dog
<LI>ergo sum
</UL>
  • brown fox
  • lazy brown dog
  • ergo sum
<UL TYPE=circle>
<LI>brown fox
<LI>lazy brown dog
<LI>ergo sum
</UL>
  • brown fox
  • lazy brown dog
  • ergo sum
<OL TYPE=A>
<LI>brown fox
<LI>lazy brown dog
<LI>ergo sum
<OL TYPE=1>
<LI>This
<LI>list
<LI>is nested.
</OL>
</OL>
  1. brown fox
  2. lazy brown dog
  3. ergo sum
    1. This
    2. list
    3. is nested.

 

by Robert Dolores