Lists in HTML

December 2016

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

Related :


Listas en HTML
Listas en HTML
Liste HTML (UL LI - OL LI)
Liste HTML (UL LI - OL LI)
Elenchi e numerazioni nell'HTML
Elenchi e numerazioni nell'HTML
Listas e enumerações em HTML
Listas e enumerações em HTML
Poziomy danych
Poziomy danych
This document entitled « Lists in HTML » from CCM (ccm.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.