Lists in HTML

Lists

A list is a structured paragraph containing a series of items. HTML defines three types of lists:

Ordered Lists

Unordered List

Container Type of List Visual Effect
<ol>

<li> item 1 </li>

<li> item 2 </li>

</ol>

Ordered List
  1. item 1
  2. item 2
  3. item 3

Definition List

Container Type of List Visual Effect
<ul>

<li> item 1 </li>

<li> item 2 </li>

</ul>

Unordered
  • item 1
  • item 2
  • item 3

Attributes

There are several attributes used only for lists:

Container Type of List Visual Effect
<dl>

<dt>Term</dt>

<dd>Definition</dd>

</dl>

Definition
item 1
definition 1
item 2
definition 2
Attribute Value Visual Effect
COMPACT   tightens line spacing
(more compact list)
PLAIN   removes bullets
SEQNUM   defines the first number
START   defines the first number
CONTINUE   starts at the number where
the last list left off
TYPE (for ordered lists) 1

A

a

I

i

Arabic numerals (default)

Uppercase letters

Lowercase letters

Roman numerals (I, II, III, IV ...)

Lowercase Roman numerals

TYPE (for unordered lists) circle

square

disc

  • circular bullet
  • square bullet
  • solid, round bullet
Last update on Thursday October 16, 2008 02:43:14 PM by Jeff
This document entitled « Lists in HTML » from Kioskea.net (en.kioskea.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the licence, as this note appears clearly.
Paragraphs
Tables