User:Rewood/Making Lists in HTML

From WolfTech
Jump to navigation Jump to search

The three commonly used lists in HTML:

  • Unordered Lists
  • Ordered Lists
  • Definition Lists

Unordered Lists

Unordered lists are for producing a bulleted list. Each list item may be as long as you desire, even with multiple paragraphs. Everything within the unordered list will be indented with each list item tag producing a bullet. It is often useful to include lists within lists.

  • start the unordered list
  • indicate a new list item (produces a bullet or number)
  • ends the list item
  • ends the unordered list Syntax:

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

Syntax:

or

TYPE Values:

  • CIRCLE - Defines the bullets to be hollow circles.
  • DISC - Defines the bullets to be filled circles.
  • SQUARE - Defines the bullets to be filled squares.

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.
  • LI tags produce numbers instead of bullets.

The tags used are:

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

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).

START Indicates the value (n) for that and subsequent list items.

Definition Lists

Definition lists, also called glossary lists, are designed to provide a dictionary entry-like format with an identifiable term and indented definition paragraph.

Within the definition list are definition terms and definition data. These are both open tags, not requiring a closing tag. The tag does require a closing tag.

Definition lists can include other HTML elements. The most common are anchors, physical and logical styles and other list containers. Headers are displayed correctly, but should be avoided in definition lists as they are meant for defining relationships in paragraphs.

By: John Dorner, IV, Area Specialized Agent, Information Management