HTML Lists

The most common HTML lists are ordered and unordered lists:

Unordered list
How to create an unordered list in an HTML document.

Ordered list
How to create an ordered list in an HTML document.

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).

Output Will Be::

• Earth
• Mercury

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.

Output Will Be::

1. Earth
2. Mercury

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

Output Will Be::

Earth

A Big World

Elephant

An Animal

Basic Notes - Tips

Hint: Inside a list item you can put text, line breaks, images, links, other lists, etc.

Different types of ordered lists
Demonstrates different types of ordered lists.

Different types of unordered lists
Demonstrates different types of unordered lists.

Nested list
Demonstrates how you can nest lists.

Nested list 2
Demonstrates a more complicated nested list.

Definition list
Demonstrates a definition list.

HTML List Tags