top of page

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

<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

© 2020 by Web Laboratory Instructor Guide. Proudly created with Wix.com

bottom of page