Valid Web Designs » html » list items

List Items

Elements / tags: ul, ol, dl, li

Lists are used to show related content and navigational items. There are three different types of lists defined in html specifications: unordered lists (ul), ordered lists (ol) and definition lists (dl). The li (list item) element is used to describe each item of the list and must be nested in a list type element.

The HTML for an unordered list.


	<ul>
	<li>Unordered item number one.</li>
	<li>Unordered item number two.</li>
	<li>Unordered item number three.</li>
	<li>Unordered item number four.</li>
	</ul>

The browser display for an unordered list. Notice the bullet in front of each item

  • Unordered item number one.
  • Unordered item number two.
  • Unordered item number three.
  • Unordered item number four.

The HTML for an ordered list. This list is numbered.


	<ol>
	<li>Ordered item number one.</li>
	<li>Ordered item number two.</li>
	<li>Ordered item number three.</li>
	<li>Ordered item number four.</li>
	</ol>

The browser display for an ordered list.

  1. Ordered item number one.
  2. Ordered item number two.
  3. Ordered item number three.
  4. Ordered item number four.

The HTML for a definition list. dt (definition title), dd (definition data)


	<dl>
	<dt>There are three types of List Items:</dt>
	<dd>Unordered List.</dd>
	<dd>Ordered List.</dd>
	<dd>Definition List.</dd>
	</dl>

The browser display for a Definition List. Notice how the Definition Data is automatically indented.

There are three types of List Items:
Unordered List.
Ordered List.
Definition List.