HTML Lists
Unordered List
An unordered list is a list of items.
The list items are marked with bullets (typically small black circles).
An unordered list starts with the <ul> tag.
Each list item starts with the <li> tag.
|
| HTML Script |
Web Display |
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
|
|
|
Ordered List
An ordered list is also a list of items.
The list items are marked with numbers.
An ordered list starts with the <ol> tag.
Each list item starts with the <li> tag.
|
| HTML Script |
Web Display |
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
|
- Coffee
- Milk
|
|
Definition Lists
A definition list is a list of terms and explanation of the terms.
A definition list starts with the
<dl> tag.
Each definition-list term starts with the <dt> tag.
Each definition-list definition starts with the <dd> tag.
|
| HTML Script |
Web Display |
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
|
- Coffee
- Black hot drink
- Milk
- White cold drink
|
|
| Tag |
Description |
|
Tag |
Description |
<ol> |
Defines an ordered list. |
<ul> |
Defines an unordered list. |
<li> |
Defines a list item. |
<dl> |
Defines a definition list. |
<dt> |
Defines a definition term. |
<dd> |
Defines a definition description. |
<dir> |
Deprecated. Use <ul> instead. |
<menu> |
Deprecated. Use <ul> instead. |
Demonstration
The following demonstration shows how the HTML script is displayed on the Web.