Esistono quattro tipi di elenchi:

• Puntato, cioè non ordinato (unordered list)

  Codice: <ul> <li>Ciao <li>Ciao <li>Ciao </ul>	Risultato: Ciao Ciao Ciao

• Ordinato, cioè con il primo, secondo...elemento (ordered list)

  Codice: <ol type="I" Start="3"> <li>Terzo elemento <li>Quarto elemento <li>Quinto elemento </ol>	Risultato: Terzo elemento Quarto elemento Quinto elemento Nota Includendo l'attributo TYPE="a" all'interno del tag <ol> si ottiene una lista ordinata con a., b. ecc. Altre opzioni sono TYPE="i", TYPE="I". N.B. Includendo l'opzione Start="3", l'elenco parte dal terzo elemento.

• Lista in cui i punti elenco sono costituiti da piccole immagini
  create ad hoc

  Codice: <img src="punto.gif"> uno <br> <img src="punto.gif"> due <br> <img src="punto.gif"> tre <br>	Risultato:  uno  due  tre

• Lista di definizioni (definition list), come si può trovare in un vocabolario.
  Sappiamo che ogni definizione è costituita da due parti: il termine da definire (definition term) e una frase che spiega il significato del termine stesso (definition description)
  

  Codice: <dl> <dt>Triangolo isoscele <dd>Triangolo con un asse di simmetria <dt>Triangolo equilatero <dd>Triangolo con tre assi di simmetria </dl>

  Risultato: Triangolo isoscele Triangolo con un asse di simmetria Triangolo equilatero Triangolo con tre assi di simmetria

Gli elenchi puntati possono anche essere annidati gli uni dentro gli altri.

Per esempio, se volessi inserire un elenco ordinato nella seconda riga di un elenco non ordinato, dovrei usare un codice di questo tipo:

Codice: <ul> <li>prima riga dell'elenco "esterno" <ol> <li>prima riga dell'elenco "interno" <li>seconda riga dell'elenco "interno" <li>terza riga dell'elenco "interno" <li>quarta riga dell'elenco "interno" </ol> <li>terza riga dell'elenco "esterno" </ul>

Risultato: prima riga dell'elenco "esterno" prima riga dell'elenco "interno" seconda riga dell'elenco "interno" terza riga dell'elenco "interno" quarta riga dell'elenco "interno" terza riga dell'elenco "esterno"