HTML List

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

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

Create Your Own HTML List

You can use this HTML editor to create your own ordered or unordered list. Simply add your list items, then click one of the buttons. To view the source code, click the "Source" button.

This editor only creates basic HTML lists. See below for more on what you can do with HTML lists.

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:

CodeResult

  • Apples
  • Oranges
  • Bananas

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

CodeResult

  1. Apples
  2. Oranges
  3. Bananas

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.

CodeResult

Example 1

Definition List
A list of terms and their definitions / descriptions.
Ordered List
A numbered list.
Unordered List
An unnumbered list.

Example 2

Vocals
Bruce Dickinson
Guitar
Adrian Smith
Dave Murray
Janick Gers
Bass
Steve Harris
Drums
Nicko McBrain

Menu List

HTML5 has introduced a <menu> for defining a menu list. Menu lists are intended to specify a list of commands.

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

CodeResult

  • Command 1
  • Command 2
  • Command 3
  • More List Examples

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

    Enjoy this page?

    1. Link to this page (copy/paste into your own website or blog):
    2. Link to Quackit using one of these banner ads.

    Thanks for supporting Quackit!

    Sponsored Link: Design CODE-FREE Websites

    Check a Domain:

    ZappyHost Logo
    Webydo Banner Ad