LISTS: WHAT ARE THEY
AND HOW TO MAKE THEM

A GLOSSARY

by Florence W Deems


ORDERED LISTS:

type="1" or default

A list having numbered items;

type="A"

A list having capitalized letters in alphabetical order for each item;

type="a"

A list having lower case letters for each item;

type="I" (capital i )

A list having capitalized Roman numerals for each item;

type="i" (lower case i )

A list having lower case Roman numerals for each item.

Only two types of tags are required, but the <li> tag does not need to be closed. However, W3C says it should be. The <ol> tag must be closed, as in the example below:

<ol></ol> and <li></li>




UNORDERED LISTS:

default

An unnumbered list having solid bullets delineating for each item.

type="circle"

An unnumbered list having small open circles instead of the solid bullets.

type="square"

An unnumbered list having small solid squares delineating each item.

Only two types of tags are required, but the <li> tag does not need to be closed. However, W3C says it should be. The <ul> tag must be closed, as in the example below:

<ul></ul> and <li></li>




DIRECTORY LISTS:

These produce bulleted lists and are used for things like telephone directories where simple listings of names or other terms are desired. Only two tags are required, but the <li> tag does not need to be closed. However, W3C says it should be. You must close the <dir> tag, as in the example below:

<dir><dir/> and <li></li>




DEFINITION LISTS:

All of the above, including this paragraph, consists of 4 Definition lists. You use this kind of list when you want to define various terms as in a glossary or dictionary.

Only two types of tags are required, but a third tag is optional:

Required: <dl></dl> and <dt></dt>. Not necessary to close the <dt> tag. However, W3C says it should be. You must close the <dl> tag as in the example above.

Optional: <dd></dd> This tag is used for a further definition or clarification. It does not need closed, either. However, W3C says it should be.


For additional information on how to create these different kinds of lists, see the links below.

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



Visit these other Tutorials by Flo

Friday 13th of December 2024 07:03:13 AM



by Tone By Tone Dot Net

~~~

Tandem Tooters

Arbor Hosting