Annabella's HTML Help .... EZ PRINT!

LISTS

For the full version of this page, go to http://www.annabella.net/lists.html

There are several different types of lists that can be very useful. Please note that they are not always read EXACTLY the same by all browsers. There can be some variation in the line spacings and the type of bullet displayed.

UN-NUMBERED LISTS

<ul>
Begins an un-numbered, indented list. Each item in that list is then prefaced with the <li>tag. It is not necessary to insert a break at the end of each line. The <li> function will automatically create the new line. You must end with the </ul> tag.

<ul>
<li>Kangaroo
<li> Koala
<li>Emu
</ul> appears as:

Kangaroo
Koala
Emu

ORDERED or NUMBERED LISTS

<ol>
Begins a numbered, indented list. Each item in that list is then prefaced with the <li>tag. It is not necessary to insert a break at the end of each line. The <li> function will automatically create the new line. You must always close with the </ol> tag.

<ol>
<li>Wombat
<li>Wallaby
<li>Tasmanian tiger
</ol> appears as:

Wombat
Wallaby
Tasmanian tiger

NESTED LISTS

A nested list begins in the same way as an un-numbered list. The nesting (or subsequent indenting in of the list) is created by typing in the <ul> tag several times.
You must close with the </ul> tag, repeating once for every time that the <ul> tag is used. In the following example, <ul> is used 3 times, therefore </ul> MUST also be used 3 times.

<ul><li>Jabiru
<ul> <li>Kookaburra
<ul> <li>Quokka
</ul> </ul> </ul> appears as:

Jabiru
- Kookaburra
  - Quokka

DEFINITION LISTS

Definition lists are different to other lists in that they do not use the <li> tag, and no "bullet" appears at the beginning of each listed line.
There are 3 tags used within a definition list:

<dl> Begins the list. The list is closed with the </dl> tag.
<dt> Is the term to be defined.
<dd> Is the definition.

<dl>
<dt>Marsupial
<dd>Animals of the class of mammals that produce their young partly developed and carry them for a time in a pouch.
<dt>Platypus
<dd>A primitive aquatic, burrowing, egg-laying mammal of Tasmania and Eastern Australia with a bony duck-like beak and flattened tail.
</dl> appears as:

Marsupial: Animals of the class of mammals that produce their young partly developed and carry them for a time in a pouch.
Platypus: A primitive aquatic, burrowing, egg-laying mammal of Tasmania and Eastern Australia with a bony duck-like beak and flattened tail.