Index Next Page     Previous Page    

HTML REFERENCE - Lists

Bulleted/Unordered List
Used to create a random bulleted list of items.
The "UL" tag starts the unordered list and the "LI" tag preceeds each individual item with a bullet or some other symbol you specify. Close the unordered list with the closing "UL" tag.
Code as follows:
<UL>
<LI>item
<LI>item
</UL>

EXAMPLE:
Primary Colors are:

Numbered/Ordered List
Used to create a numbered list of items.
The "OL" tag starts the ordered list and the "LI" tag preceeds each individual item with a number (ex: 1,2,3 etc.) in numeric order. Close the ordered list with the closing "OL" tag.
Code as follows:
<OL>
<LI>item
<LI>item
</OL>

EXAMPLE:
Primary Colors are:

  1. Yellow
  2. Red
  3. Blue

Glossary (Term & Definition) List
Used to create a two part list of items/Terms with its corresponding Definition, in a way in which the term is emphasised from the definition.
The "DL" tag starts the Glossary list. The "DT" tag names the TERM and the "DD" tag defines the defiiniton. Close the Glossary list with the closing "DL" tag.
Code as follows:
<DL>
<DT>TERM1
<DD>Definition of the Term1.
<DT>TERM2
<DD>Definition of the Term2.
</DL>

EXAMPLE:
Primary Colors are:

Yellow
A Color sometimes used to describe the Sun, or a Banana.
Red
A Color sometimes used to describe an Apple or a Heart.
Blue
A Color sometimes used to describe Water or the Sky.

Nesting
You can Nest a list within another list by simply coding the entire list structure inside a list. This includes the Opening, Item and Closing tags for your secondary list must be completed before closing your Primary list.
The Nested list should be indented within your HTML coding so it is more easily recognized.
Code as follows: 

<OL>
<LI>item
   <UL>
   <LI>item
   <LI>item
   </UL>
<LI>item
</OL>

Other List Attributes
There are special List formats that can be used to override the Browser defaults for Bullets and Numbering Schemes. These attributes may be Browser dependant, so be careful what you code.
The "UL" and "OL" tags have various TYPE attributes which can be used to change the appearance of the Bullets used in the Unordered Lists and the Numbers used in the Ordered Lists.

The "UL" Types can be as follows:
   (value must be lowercase)

Code as follows:
<UL TYPE=circle>
<LI>item
<LI>item
</UL>

EXAMPLE:
Primary Colors are: The "OL" Types can be as follows:
  1. TYPE=1..(number default)
  2. TYPE=A..(alpha uppercase)
  3. TYPE=a..(alpha lowercase)
  4. TYPE=I..(roman numerals uppercase)
  5. TYPE=i..(roman numerals lowercase)
Code as follows:
<OL TYPE=I>
<LI>item
<LI>item
</OL>

EXAMPLE:
Primary Colors are:
  1. Yellow
  2. Red
  3. Blue

Chapter 1-3 Assignment

Index Next Page     Previous Page     Goto Top of Page
Tynette Lunday
Tlunday2@txu.com
01/23/2002