Working with HTML definition, ordered and unordered lists, Free online HTML Tutorial, Learn HTML online for free...

1. Unordered List

An unordered list has the following format:

• First Item
• Second Item
• Third Item

HTML code for the above unordered list is very simple. The whole list is enclosed between <ul> and </ul> tags. Each list item is described using <li> and </li> tags.

<ul>
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
</ul>

2. Ordered List

The second kind of html list is an Ordered List, also called a numbered list. A simple Ordered List is as under:

1. First Item
2. Second Item
3. Third Item

HTML code for the above ordered list is very simple. The whole list is enclosed between <ol> and </ol> tags. Each list item is described using <li> and </li> tags.

<ol>
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
</ol>

The last kind of list that HTML supports is called a definition list. It is so called because it is in the format of a TERM followed by its DEFINITION. A simple definition list is as under:

First Item

Text describing the First Item

Second Item

Text describing the Second Item

Third Item

Text describing the Third Item

HTML code for the above definition list is very simple. The whole list is enclosed between <dl> and </dl> tags. Each term is described using <dt> and </dt> and the definition using <dd> and </dd>.

<dl>
   <dt>First Item </dt>
      <dd>Text describing the First Item</dd>
   <dt>Second Item</dt>
      <dd>Text describing the Second Item</dd>
   <dt>Third Item </dt>
      <dd>Text describing the Third Item</dd>
</dl>