HTML List

This page contains various HTML codes for creating ordered and unordered lists.

Feel free to copy/paste these list codes into your own website.

Unordered List

An unordered list is an unnumbered list. Unordered lists simply have a plain (or not so plain) bullet point for each item in the list. As the name suggests, unordered lists are not ordered - whether by number, letter, or any other ordering system.

Unordered lists are created using the <ul> tag (to define the list) combined with the <li> tag (to define each item in the list).

Here's an example of an unordered list:

Ordered List

Ordered lists are ordered by an ordering system (eg, numbers, letters, etc).

Ordered lists are created using the <ol> tag (to define the list) combined with the <li> tag (to define each item in the list).

Definition List

Definition lists are similar to other lists but in a definition list, each list item contains two or more entries; a term and at least one description.

Definition lists are created using the HTML <dl> tag (to define the list) combined with the <dt> tag (to define each term in the list) and the <dd> (to define the description, definition, or value of the term).

Here are two examples of <dl> usage.

• Example 1: Contains a list of terms and their definitions.
• Example 2: Here, a term is linked to three values.

More List Examples

To see what else you can do with HTML lists, check out these HTML list examples.