Title: Unordered List
URL: http://www.activejump.com/i-2.shtml
Email: webmaster@activejump.com

Introduction

Unordered lists allow you to quickly and easily display information that is easy for your visitors to read quickly. An unordered list creates a list, which is indented, and each item has a bullet. This section will explain how to make an unordered list.

Main Tags
To specify an unordered list, you need to put in the tag for the unordered list. The tag looks like <UL>. The starting tag is <UL> and the closing tag is </UL>. You will learn how to add list items in the next section.

index.html - Notepad
....<BODY>

<UL>

</UL>

</BODY>....

List Items
Now, you can add the actual text that will show up in list form. This goes between the two <UL> tags. To put a list item in, you need to use the list tags, which are necessary for each item. The starting tag is <LI> and the closing tag is </LI>. The text between the tags is what is the list item. These <LI> tags go between the <UL> tags. Here is an example using the unordered list.

index.html - Notepad
....<BODY>

<UL>

<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>

</UL>

</BODY>....

My Homepage - Microsoft Internet Explorer
  • Get an idea
  • Create a web page
  • Advertise it

List Type
List type defines how the list items are labeled. The default type is bullets, but you are able to change this to circles and to squares.

The type tag looks like TYPE="list_type". This adds onto the <UL> tag so the final result looks like <UL TYPE="list_type">. The text list_type can be replaced by any of the following:

TYPE="disc" - Displays list items in bullets
TYPE="circle" - Displays list items in circles
TYPE="square" - Displays list items in squares

index.html - Notepad
....<BODY>

<UL TYPE="square">

<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>

</UL>

</BODY>....

My Homepage - Microsoft Internet Explorer
  • Get an idea
  • Create a web page
  • Advertise it

Item Type
Item type defines how each individual list item is labeled. This is simalar to list type but allows you to select the type for each item, instead of the whole list.

The type tag looks like TYPE="list_type". This adds onto the <LI> tag so the final result looks like <LI TYPE="list_type">. The text list_type can be replaced by any of the following:

TYPE="disc" - Displays list items in bullets
TYPE="circle" - Displays list items in circles
TYPE="square" - Displays list items in squares

index.html - Notepad
....<BODY>

<UL>

<LI TYPE="disc"> Get an idea </LI>
<LI TYPE="circle"> Create a web page </LI>
<LI TYPE="square"> Advertise it </LI>

</UL>

</BODY>....

My Homepage - Microsoft Internet Explorer
  • Get an idea
  • Create a web page
  • Advertise it