HTML Scripting Lesson 2b

January 21 2004

LISTS:


ORDERED LIST:

<OL> is the TAG;

Attributes:

TYPE=

    These are the types of ordering:
  1. TYPE=A       will give you A B C D E F G...
  2. TYPE=a       will give you a b c d e f g...
  3. TYPE=1       will give you 1 2 3 4 5 6 7 8 9... THIS IS THE DEFAULT!
  4. TYPE=I       will give you I II III IV V VI... Roman Numerals
  5. TYPE=i       will give you i ii iii iv v vi... small roman numerals
START=n       if you want to begin the table with a number other than 1 (or A, a, I, i, etc).
It will translate the number into its corresponding equivalent, (i.e. 5 = V, v, 5, E, or e).

You can also override the chosen type for a list by using the TYPE= or VALUE= attribute in the <LI> tag!

List One:

    If you type directly after the OL tag, it will appear indented.
  1. Chapter 1 - Introduction
  2. Chapter 2 - Birth
  3. Chapter 3 - Childhood
  4. Chapter 4 - Adolescence
  5. Chapter 5 - Adult
List Two:
  1. Chapter 1 - Introduction
  2. Chapter 2 - Birth
  3. Chapter 3 - Childhood
  4. Chapter 4 - Adolescence
  5. Chapter 5 - Adult
List Three:
  1. Chapter 1 - Introduction
  2. Chapter 2 - Birth - (Notice I've changed the TYPE!)
  3. Chapter 3 - Childhood - (Notice I've changed the VALUE!)
  4. Chapter 4 - Adolescence - (Notice the value continues counting from the VALUE I've changed above in LI!)
  5. Chapter 5 - Adult

UNORDERED LISTS:

<UL> is the TAG;

Attributes:

An Unordered List is made with bulleted points. There are THREE Types:

Place the TYPE in the <UL> tag to set the default TYPE of shape.

HOWEVER, You can change the TYPE in the LI tag to override the default for that one item.

This way you can intermix discs, circles, and bullets in the same list.


DEFINITION LISTS:

<DL> is the TAG;

Instead of List Items, you have two parts, <DT> and <DD> within the List:

Define your Defintion LIST with DL

Definition Title DT
Definition DD
Another Word
Another Definition
Another Word
Another Definition

NESTED LISTS:

You can have lists within lists, or an Outline-type list (Table of Contents, etc.)

The OFFICIAL Outlining order for lists is: I, A, 1, a, i.
If you nest an UNORDERED List, the default order is: disc, circle, square, and square for rest

  1. Chapter 1 - Lifestages
    1. Lifestages of a fruitfly
    2. Lifestages of a paramecium
    3. Lifestages of a Butterfly
      1. Egg stage
        1. Many eggs laid at once
        2. hatch 2 minutes after laid
      2. Pupa
      3. Larvae
      4. Adolescence
      5. Adult
      6. Death (they only live a couple days)
  2. Chapter 2
  3. Chapter 3
  4. Chapter 4
When writing your code, It is very important to indent the lines as you
wish to see them on screen so that you can check your tag alignment.

Don't forget to Pair up Your Opening and Closing List Tags!! ( <DL> and </DL> )


Back to Today's Margin Lecture     |     Back to Syllabus