Easy Tutorial
❮ Html5 Form Input Types Html Blocks ❯

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 bold 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. Ordered lists start with the <ol> tag. Each list item starts with the <li> tag.

List items are marked with numbers.

The browser displays as follows:


HTML Definition List

A definition list is not just a list of items but a combination of items and their descriptions.

Definition lists start with the <dl> tag. Each definition list item starts with the <dt> tag. Each definition list item's description 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

Definition List


HTML List Tags

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 list item
<dd> Defines a description for a definition list item
❮ Html5 Form Input Types Html Blocks ❯