The HTML Artwork List Test Document

This is a document to display the various types of lists. It may be used with different browsers to see how lists will look under different systems. This document contains examples of:
  • an ordered list
  • an unordered list
  • a menu list
  • a directory list
  • nested lists

    • Ordered List
    1. Test files under a number of browsers
    2. Keep links simple
    3. You don't need to separate list items with a blank line. The list item marker is enough.

    Unordered lists

     This is an unordered list. However, there are three types of lists that typically show up with bulleted items.

    Menu List

     A menu list is like an unordered list, but it is supposed to be displayed in a more compact format. I've found that most browsers display it exactly like an unordered list. Here is the same list used in the unordered list section for comparison:
  • Unordered lists
  • Menu lists
  • Directory lists

    • Directory List

     A directory list typically shows up with each item bulleted. Items should be no longer than 20 characters, and the HTML specification recommends that browsers should try display them in two columns. However, in our field tests we have yet to find a browser that does this. Here is a directory list of some cartoon characters:
  • Bugs Bunny
  • Daffy Duck
  • Porky Pig
  • Tweety Bird

    • Definition Lists
    Ordered List
    A list in which each item is numbered
    Unordered List
    Lists in which each item is indicated by a bullet
    Definition List
    Lists which have a term followed by a definition. The definition is usually offset by indentation and a carriage return.
    Here is the same list with the COMPACT attribute set. Most browsers do not seem to do anything special when the COMPACT attribute is used.
    Ordered List
    A list in which each item is numbered
    Unordered List
    Lists in which each item is indicated by a bullet
    Definition List
    Lists which have a term followed by a definition. The definition is usually offset by indentation and a carriage return.

    Nested Lists

     It is possible to nest lists. For example, you can nest an unordered list in an ordered list. Here are some examples:
    1. Go to grocery store. Stuff to get:
    2. Take dog to vet.
    3. Finish gardening:
      1. weed
      2. turn compost pile
      3. plant daffodils
      4. move rose bush

    You can also nest unordered lists within each other. Notice how some browsers change the bullets for each level:

    [HTML CD Home Page]

    Vivian Neou, vivian@catalog.com
    Copyright © 1995 Vivian Neou