HTML Lists

The most common HTML lists are ordered and unordered lists:

 

 

 

 

 

 

HTML Lists

An ordered list: The first list item The second list item The third list item

An unordered list: List item List item List item

HTML Unordered Lists An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles). <ul> <li>Coffee</li> <li>Milk</li> </ul> How the HTML code above looks in a browser: Coffee Milk HTML Ordered Lists An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items are marked with numbers. <ol> <li>Coffee</li> <li>Milk</li> </ol> How the HTML code above looks in a browser: Coffee Milk HTML Definition Lists A definition list is a list of items, with a description of each item. The <dl> tag defines a definition list. The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list): <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> How the HTML code above looks in a browser: Coffee - black hot drink Milk - white cold drink HTML List Tags   Tag Description <ol> Defines an ordered list <ul> Defines an unordered list <li> Defines a list item <dl> Defines a definition list <dt> Defines an item in a definition list <dd> Defines a description of an item in a definition list HTML <ol> Tag Example 2 different ordered lists: <ol>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ol> <ol start="50">   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ol>    HTML <ul> Tag Example An unordered HTML list: <ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ul>  HTML <li> Tag Example One ordered (<ol>) and one unordered (<ul>) HTML list: <ol>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ol> <ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ul>   HTML <dl> Tag   Example A definition list, with items and descriptions: <dl>   <dt>Coffee</dt>     <dd>Black hot drink</dd>   <dt>Milk</dt>     <dd>White cold drink</dd> </dl>   HTML <dt> Tag Example A definition list, with items and descriptions: <dl>   <dt>Coffee</dt>     <dd>Black hot drink</dd>   <dt>Milk</dt>     <dd>White cold drink</dd> </dl>   HTML <dd> Tag Example A definition list, with items and descriptions: <dl>   <dt>Coffee</dt>     <dd>Black hot drink</dd>   <dt>Milk</dt>     <dd>White cold drink</dd> </dl>