HTML Lists
HTML supports ordered, unordered, and definition lists:
HTML Lists
| Ordered List First List Item<br> Second List Item<br> Third List Item | Unordered List List Item<br> List Item<br> List Item |
| | Online Examples |
(More examples can be found at the bottom of this page.)
HTML Unordered List
An unordered list is a list of items, marked with bolded dots (typically small black circles).
Unordered lists use the <ul>
tag.
The browser displays as follows:
Coffee
Milk
HTML Ordered List
Similarly, an ordered list is a list of items, marked with numbers. An ordered list starts with the <ol>
tag. Each list item starts with the <li>
tag.
List items are marked with numbers.
The browser displays as follows:
Coffee
Milk
HTML Custom List
A custom list is not just a list of items, but a combination of items and their annotations.
A custom list starts with the <dl>
tag. Each custom list item starts with the <dt>
tag. Each custom list item's definition starts with the <dd>
tag.
The browser displays as follows:
Notes - Useful Tips
Tip: List items can contain paragraphs, line breaks, images, links, and other lists.
More Examples
Different Types of Ordered Lists
Different Types of Unordered Lists
HTML List Tags
Tag | Description |
---|---|
<ol> | Defines an ordered list |
<ul> | Defines an unordered list |
<li> | Defines a list item |
<dl> | Defines a list |
<dt> | Defines a custom list item |
<dd> | Defines the description of a custom list item |