HTML LIST Tutorial	Revised: 12/12/2003
Quick Study

Chapter Three Basic HTML

HTML offers Three principal types of lists, these are as follow: Ordered Lists, Unnumbered lists and Definition Ordered Lists.

Ordered List are enclosed with the <OL></OL> pair. Each Item preceded by <LI> is assigned a sequential number.

An Example for these commands are:

1. Get Help Building Your Web Page:
2. Easy Web Pages
3. Basic HTML
4. Advanced HTML

The Source code for the above HTML is.

<OL>

<LI>Get Help Building Your Web Page:

<LI> Easy Web Pages

<LI> Basic HTML

<LI> Advanced HTML

</OL>

Unnumbered Lists

Unnumbered Lists work similarly within the <UL> </UL> pair, except that <LI> produces a bullet.

For example of an Unnumbered Lists:

• Get Help Building Your Web Page:
• Easy Web Pages
• Basic HTML
• Advanced HTML

Using this command, the Unnumbered list is the same as the Ordered List but you will see the changes once it lists the ITEMS. You will notice there is a bullet before the subject.

Definition Lists

Definition lists are enclosed within the <DL> </DL> pair slits the list into levels.

For example of this command:

Get Help Building Your Web Page:

Easy Web Pages

Basic HTML

Advanced HTML

Those are the types of Listing that you can use to specify an Item with a number. If you wanted to use Circle, Square and a Disc to replace those standard bullets. Just include them in the attributes.

There are types of command we can use for LIST called Nested List. Where it combines those LIST to a sub-list to an arbitrary depth to form one Nested order list.

• News:
• Content:
  • Article I
  • Article II
  • Article III
• Summary
• Glossary

Here is the HTML code on the above example: Nested list.

 

<UL>
<LI>News:
<LI>Content:
     <UL>
          <LI>Article I
          <LI>Article II
          <LI>Article III
     <UL>
<LI>Summary
<LI>Glossary
<UL> 

Another set of command for Definition List is the <DD> tag. It describe an item and use in the Definition List <DL>

Item I

Blanket

Pillow

Dress

Item II

Canned Goods

Toys

Item III

Noodles

Milk

To shows you the HTML Coding to fully understand the concept. See below:

<DL>
     <DT>Item I
          <DD>Blanket
          <DD>Pillow
          <DD>Dress
     <DT>Item II
          <DD>Canned Goods
          <DD>Toys
     <DT>Item III
          <DD>Noodles
          <DD>Milk
</DL>

[Go Back] [ Chapter Four ][ Keyboard Shortcut ]

	Visit Our Sponsors!
	Affordable HP Products from Office Depot!
	Net2Phone is the global leader in long distance savings!
	Stop Missing Calls While You're Online! Hear who's calling while you're online... Get the FREE the Internet Answering Machine Click Here!
	Be an Affiliates
	Join the Monster Affiliate Program now!
	Calling all Webmasters....Let us pay you for referring affiliates to the LinkShare Network.
	HTML Tutorial!
	Dynamic Drive DHTML code library Visit Dynamic Drive for free, original DHTML scripts and components, all of which utilize the latest in DHTML and JavaScript technology!