You are using a previous version of Active Jump.

Go To Current Version of This Page

Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Unordered List
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

Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White