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! |