HTML Topics
©1998–2010 R. Hinton, Broome Community College
Last Updated: 17–Feb–10

Lists

Overview

A list is a useful technique for organizing a group of related items. There are two types of lists: 1) unordered lists; and 2) ordered lists. When used properly, they can improve the way information is conveyed on your web page.

Unordered Lists

Unordered lists are also known as Bulleted Lists. They are used when the order of your list of items is not important. Items are grouped using typographical characters called bullets. There are three types of bullets that can be used for your list:

Use the following format to create the default bulleted list:

<ul>
    <li>List item one</li>
    <li>List item two</li>
</ul>

You can change the bullet type for the entire list by modifying the <ul> tag:

<ul type="Value">

Replace Value with type listed above.

You can also change the bullet type for one item in the list by modifying its <li> tag:

<li type="Value">

Replace Value with type listed above. To work in Internet Explorer, the value MUST be entered in lower case.

Ordered Lists

Ordered lists are also known as Numbered Lists. They are used when the order of your list of items is important such as giving instructions. Items are numbered automatically. There are five types of sequences that can be used for your list:

  1. Each line begins with a number (default sequence type)
  2. Each line begins with an uppercase letter [type="A"]
  3. Each line begins with a lowercase letter [type="a"]
  4. Each line begins with an uppercase Roman numeral [type="I"]
  5. Each line begins with a lowercase Roman numeral [type="i"]

Use the following format to create the default numbered list:

<ol>
    <li>List item one</li>
    <li>List item two</li>
</ol>

You can change the sequence type for the entire list by modifying the <ol> tag:

<ol type="Value">

Replace Value with type listed above.

By default, the first line of the list starts with the sequence's initial value. You can change this starting value by modifying the <ol> tag:

<ol start="4">

<ol type="A" start="4">

While it is unlikely that you will ever need to do this, you can also change the sequence type for one item in the list by modifying its <li> tag:

<li type="Value">

Replace Value with type listed above.

Return to Top of Page