HTML Lists

Unordered List
An unordered list is a list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
HTML Script Web Display 
 <ul>
  <li>Coffee</li>
  <li>Milk</li>
 </ul>
  • Coffee
  • Milk

Ordered List
An ordered list is also a list of items. The list items are marked with numbers. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
HTML Script Web Display 
 <ol>
  <li>Coffee</li>
  <li>Milk</li>
 </ol>
  1. Coffee
  2. Milk

Definition Lists
A definition list is a list of terms and explanation of the terms. A definition list starts with the <dl> tag.

Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.
HTML Script Web Display 
 <dl>
  <dt>Coffee</dt>
   <dd>Black hot drink</dd>
  <dt>Milk</dt>
   <dd>White cold drink</dd>
 </dl>
Coffee
Black hot drink
Milk
White cold drink

Tag Description Tag Description
<ol> Defines an ordered list. <ul> Defines an unordered list.
<li> Defines a list item. <dl> Defines a definition list.
<dt> Defines a definition term. <dd> Defines a definition description.
<dir> Deprecated. Use <ul> instead. <menu> Deprecated. Use <ul> instead.


Demonstration
The following demonstration shows how the HTML script is displayed on the Web.

     



Review: HTML Lists
    Which HTML list tag does NOT exist?

      dl
      hl
      ol
      ul
Result:        




      My grandfather was as pale as a ghost (extremely pale)    
      when he entered the hospital.