Annabella's HTML Help

Lists



Valid HTML 4.0!


The HTML Writers Guild




INTRODUCTION
BASICS
COLORS
COLOR PALETTE
EMAIL
FONTS
FONT SURVEY
GRAPHICS
LINKS
LISTS
MARQUEES
MUSIC
TABLES
USEFUL LINKS
COMMON PROBLEMS
MORE HELP?


LINK TO THIS SITE


HOME
WEB RINGS
SITE MAP


Let's get organised!

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
* Numbered Lists
* Nested Lists
* Definition Lists



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:


  1. Wombat
  2. Wallaby
  3. 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.
spacer
Print this page! Want to print this page?

Click on the EZ Print! logo to take you to a plain, simple page that is quick and easy to print!