User:Rewood/Making Nested Lists in HTML

From WolfTech
Jump to navigation Jump to search

On ocassion, you will be called upon to include an outline for a web page. An outline will consist of a series of ordered lists.

To review ordered lists:

Ordered Lists

Ordered lists (sometimes called numbered lists) work the same as unordered lists with two exceptions. Instead of a UL tag use an OL tag. And LI tags produce numbers instead of bullets. The tags used are:

  • start the ordered list
  • indicate a new list item, produces a bullet
  • ends the ordered list Syntax:

The attributes that can be applied to either the OL tag or the LI tags are:

TYPE Defines the type of number style to be used. Values:

  • A - Defines the numbering characters as capital letters.
  • a - Defines the numbering characters as lowercase letters.
  • I - Defines the numbering characters as capital Roman numerals.
  • i - Defines the numbering characters as lowercase Roman numerals.
  • 1 - Defines the numbering characters as numbers (default).

OR

Nested Lists

Converting an outline into a nested list requires using the appropriate tags with the correct type attribute. It is best done just like peeling an onion, i.e. one layer at a time.

Use the outer layer first, replacing each Roman number with an the first tag.

  • First do the roman Numerals
  • then the capital letters
  • then the numbers
  • ...

By: Bruce A. Emmons, Area Specialized Agent, Information Management