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 |