Happy.gif (981 bytes)  Unordered Lists  Happy.gif (981 bytes)

In this table, various list examples occur  in the left column and the corresponding  html code used to produce the lists is located  in the adjacent column on the right.

Default  bulleted lists start with disc, but can start disc , circle, or square. 

  • Tom
  • Dick
  • Harry
 <ul>
<li>Tom </li>
<li>Dick </li>
<li>Harry </li>
</ul>
  • Tom
  • Dick
  • Harry
 <ul TYPE="circle">
<li>Tom</li>
<li>Dick</li>
<li>Harry</li>
</ul>
  • Tom
  • Dick
  • Harry
 <ul Type="Square">
<li>Tom</li>
<li>Dick</li>
<li>Harry</li>
</ul>
  • Tom
  • Dick
  • Harry
 <ul Type="DISC">
<li>Tom</li>
<li>Dick</li>
<li>Harry</li>
</ul>

Unordered lists sublevels created by nesting  tags as:
       <ul> <li> <ul> <li>... </li> </ul> </li> </ul>                                               [Top]
  • Level 1 disc default bullet
    • Level 2 item.
    • another level 2
      • Level three item
      • one more
    • Back to level 2
  • Last level 1 item.
 <ul>
<li>Level 1 disc default bullet
   <ul>
    <li>Level 2 item.</li>
    <li>another level 2
      <ul>
        <li>Level three item</li>
       <li>one more</li>
      </ul>
    </li>
    <li>Back to level 2</li>
   </ul>
</li>
<li>Last level 1 item.</li>
</ul>  
  • Level 1 disc default bullet
    • Level 2 item.
    • another level 2
      • Level three item
      • one more
    • Back to level 2
  • Last level 1 item.
 <ul type="square">
<li>Level 1 disc default bullet
   <ul type="disc">
    <li>Level 2 item.</li>
    <li>another level 2
      <ul type="circle">
        <li>Level three item</li>
       <li>one more</li>
      </ul>
    </li>
    <li>Back to level 2</li>
   </ul>
</li>
<li>Last level 1 item.</li>
</ul>  

 

       

Last updated on 01/02/2004  by L.M. Hicks