HTML Lists

HTML lists allow web developers to group a set of related items in lists.

Example

<div class="w3-row">
<div class="w3col w3-half">
<p>An unordered HTML list:</p>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</div>
<div class="w3col w3-half">
<p>An ordered HTML list:</p>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ol>
</div>
</div>

Unordered HTML List

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items will be marked with bullets (small black circles) by default:

Example

<ul>

<li>Coffee</li>
  <li>Tea</li>

<li>Milk</li>

</ul>

Ordered HTML List

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items will be marked with numbers by default:

Example

<ol>

<li>Coffee</li>
  <li>Tea</li>

<li>Milk</li>

</ol>

HTML Description Lists

HTML also supports description lists.

A description list is a list of terms, with a description of each term.

The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term:

Example

<dl>

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

</dl>

HTML List Tags

Note: For a complete list of all available HTML tags, visit our HTML Tag Reference.