Lists: HTML
Create an Unordered List


An unordered list uses a bullet to indicate the list item.
The <UL> Tag Create an unordered list by using the <UL></UL> tags.

Use the <LI> tag in front of each list item.  The <LI> tag requires no closing tag.

HINTS:
UL= Unordered List

LI=List Item

Example I enjoy reading many different kinds of books:
  • Science Fiction
  • Mysteries
  • Thrillers
  • Serious Literature
  • General Nonfiction

The code for the above list is:

I enjoy reading many different kinds of books:

<UL>
<LI>Science Fiction
<LI>Mysteries
<LI>Thrillers
<LI>Serious Literature
<LI>General Nonfiction
</UL>

By default the type of bullet in an unordered list is a dark circle.

Use the TYPE=[shape] attribute with the opening <UL> tag to specify another bulleting style for the entire list.

Use the TYPE=[shape] attribute with the <LI> tag to specify another type of bullet for a particular list item

Replace [shape] with a value as indicated in the examples below.
Types of Bullets
  • Here is a solid round bullet; in HTML the value is disc.
  • Here is a hollow round bullet; in HTML the value is circle.
  • Here is a solid square; in HTML the value is square.
The HTML code for the above sequence is:

<UL>

<LI TYPE=DISC>Here is a solid round bullet; in HTML the value is <B>disc</B>.


<LI TYPE=CIRCLE>
Here is a hollow round bullet; in HTML the value is <B>circle </B>.


<LI TYPE=SQUARE>
Here is a solid square; in HTML the value is<B> square </B>.

</UL>

Nested Unordered Lists A nested list is a list within a list.

To create a nested unordered list, add another <UL></UL> tag pair within your original list.

By default the first level of a nested unordered list will use solid bullets, the second level will use hollow bullets, and the third level will use solid squares.

Lists: HTML
Overview
Create an Unordered List
Create an Ordered List
Create a Definition List

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: February 9, 2004
© Agatha Taormina