DIRECTORY LISTS

by Florence W Deems

A Directory List is the simplest of lists and is similar to a Definition List in that it doesn't have any numbers before each list item, but it does have bullets, like the Unordered Lists. The Directory Lists are for creating lists as in telephone directories and similar directories.

Only two tags are involved: <dir></dir> and <li></li>. If you want to specify text size, then the <span> or <font> tag must be placed after the <dir> but before the first <li> tag. See the textarea box below for the proper opening and closing order of the tags.

Also, there is no need to use the <p></p> tags before and after lists, as they create not only their own paragraph spacing, but also an indentation from the left margin.

NOTE: Very Important - this tag is NOT supported by HTML5, so I have left off the doctype tag altogether.

  • My name
  • Your name
  • His name
  • Her name
  • The dog's name
  • The cat's name


  • Now we'll try using a small image as I did with the Definition Lists. See the list below:

  • My name
  • Your name
  • His name
  • Her name
  • The dog's name
  • The cat's name
  • But as you can see, this does not get rid of that bullet! To see the Definition List with Image.



    So now we'll try something different. With an Unordered List, we can specify certain changes in that bullet. So we'll use those attributes from the Unordered Lists to see if they'll work with this Directory List:

    First the type="circle"

  • My name
  • Your name
  • His name
  • Her name
  • The dog's name
  • The cat's name
  • Nope, that doesn't work. On to the type="square":

  • My name
  • Your name
  • His name
  • Her name
  • The dog's name
  • The cat's name
  • Nope, that doesn't work, either! So I guess we're just stuck with the bullet!

    Glossary ~ Definition Lists ~ Directory Lists
    Ordered Lists ~ Unordered Lists
    List Play ~ Tom's Nested Lists



    Visit these other Tutorials by Flo

    Thursday 19th of October 2017 11:09:01 PM



    by Tone By Tone Dot Net

    ~~~

    Tandem Tooters

    Arbor Hosting