Questy's Learning Area, tutorials and lessons

Building a better web site ...

Questy's, All about HTML Lists

A lot of older HTML courses and tests spend a lot of time discussing the mechanics of lists. If you understand the basics of HTML lists aren't all that hard to figure out. This page gives some examples and samples of lists.

A numbered list is identical to an unnumbered list, except it uses <OL> instead of <UL> and the individual items in the list are designated as list items: <li>item</li> .To see what's going on here, just view the source code of this page.

The following is an unordered list (bullets):

  • Boston

  • Baltimore

  • Buffalo


The following is an ordered list (numbers):

  1. Pittsburgh

  2. Philadelphia

  3. New York

A definition list (coded as <DL>) usually consists of alternating a definition term (coded as <DT>) and a definition description (coded as <DD>). The following is an example of a definition list:


<DL>
<DT> Chicago
<DD> A great rock group of the 1970's...
Still alive and well playing in the 1990's

<DT> Blood, Sweat, and Tears
<DD>A great rock group of the 1970's...
Never made it past the 1970's
</DL>

The output looks like:

Chicago
 

A great rock group of the 1970's... Still alive and well playing in the 1990's

Blood, Sweat, and Tears

A great rock group of the 1970's... Never made it past the 1970's

The <DT> and <DD> entries can contain multiple paragraphs (indicated by <P> paragraph tags), lists, or other information.

 

The following is a nested list (notice the differnet types of bullets):

  1. First primary list item

  2. Secondary List #1 with square bullets

    • Item 1

    • Item 2

    • Item 3

  3. Secondary List #2

    1. Item 1

    2. Item 2

    3. Item 3

  4. Secondary List #3 bullet type circles

    • Item 1

    • Item 2

    • Item 3

Turn the page... Next Page

Welcome to Questy's World

Welcome to the World of Questy

Welcome to the World of Questy -- The World of Questy Sites are currrently undergoing a major overhaul. Stay tuned for updated links and news in 2008!

Unless otherwise credited all photos and graphics are the copyrighted property of Questy aka Tom Peracchio. Unauthorized reproduction of any of the pages of this web site is illegal, not to mention rude.
- Copyright 1990 through 2008 -