Listen sind ein ziemlich nützliches Gestaltungsmittel. Man kann sie für Aufzählungen verwenden, etwa für Inhaltsangaben. Es gibt verschiedene Listen, die Bullet-Liste und die numerische Liste.

Die Bullet-Liste:

Für eine Bullet-Liste werden 2 verschiedene TAGs benötigt. Zum einen der <ul>-Tag, um dem Browser mitzuteilen, um was für eine Art Liste es sich handelt und wo diese anfängt und aufhört, zum anderen den <li>-Tag, um die einzelnen Listenpunkte anzuzeigen. Für jeden Listenpunkt sollte der End-Tag </li> gesetzt werden, an das Ende der Liste kommt der End-Tag </ul>

Beispiel:

Die Ausgabe im Browser:

Der Tag <ul> steht für unsortet list (unsortierte Liste). Der TAG <li> steht  für list (Liste).

Die numerische Liste:

Wird eine sortierte  (durchnummerierte) Listebenötigt, wird das <ul> durch <ol> ersetzt. <ol> steht für orderd liste (sortierte Liste).

Beispiel:

Die Ausgabe im Browser:

Art der Nummerierung bestimmen:

Der TAG <ol> kann ergänzt werden durch <ol type=X>. Dabei gibt es für das X verschiedene Ausprägungen.

Durch das Auswechseln von <ol type=> ist es möglich, eine andere Anzeige darstellen zu lassen, beispielsweise mit 1. ,2. , 3. ... , mit A, B, C, ... oder römischen Ziffern.

• type=1 normale Aufzählung (arabische Ziffern) zustande, also 1, 2, 3 ...
• type=A Aufzählung mit Großbuchstaben, also A,B,C, ..., Z
• type=a Aufzählung mit Kleinbuchstaben, also a,b,c, ..., z
• type=i Aufzählung mit römischen Ziffern in klein, also i,ii,iii,iv,v, ...
• type=I Aufzählung mit römischen Ziffern in groß, also I,II,III,IV,V, ...