Bugl — code interview practice that feels like a game

Loading lesson path

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

An unordered HTML list

An ordered HTML list

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

Formatted code

<ul>

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

<li>Milk</li>

</ul>

Live preview

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

Formatted code

<ol>

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

<li>Milk</li>

</ol>

Live preview

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

Formatted code

<dl>

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

</dl>

Live preview

Tag	Description
<ul>	Defines an unordered list
<ol>	Defines an ordered list
<li>	Defines a list item
<dl>	Defines a description list
<dt>	Defines a term in a description list
<dd>	Describes the term in a description list

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