Easy Tutorial
❮ Att Iframe Width Av Event Ended ❯

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 |

Unordered List

Ordered List

(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:


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:


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

Nested Lists

Nested Lists 2

Custom List


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
❮ Att Iframe Width Av Event Ended ❯