Man kan skapa en stort antal olika listor med hjälp av UL, OL, MENU, och DIR element tillsammans med LI elementet. Du kan även skapa "definitionslistor" med som bildar en tvåkolumnsförteckning över saker och deras definition.<br>
<br>
För att skapa en lista med "bullets" (bomber?) använder man UL och LI, som i det följande exemplet: <br>
<br>
<div class=code>
Dessa finns<UL><br>
<LI>Listor med "bomber"<br>
<LI>Numrerade Listor<br>
<LI>Förteckningar<br>
<LI>Övriga Listor<br>
<LI>Definitionslists<br>
</UL></div>
Blir till:<br>
Dessa finns<UL class=simple>
<LI>Listor med "bomber"
<LI>Numrerade Listor
<LI>Förteckningar
<LI>Övriga Listor
<LI>Definitionslists
</UL>
För att skapa en numrerad list använder man OL och LI, som i det följande exemplet: <br>

<div class=code>
Exempel på listor<OL><br>
<LI>Rad ett<br>
<LI>Rad två<br>
<LI>Observera att listorna hålls "snygga" även om man skriver en rad som är <br>
lägre än vad sidan är bred. Detta kan vara bra att känna till<br>
<LI>En kort rad igen<br>
</OL></div>
Blir till:<br>
Exempel på listor<OL>
<LI>Rad ett
<LI>Rad två
<LI>Observera att listorna hålls "snygga" även om man skriver en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till
<LI>En kort rad igen
</OL>
Övriga typer av listor MENU och DIR visas i de följande exemplen: <br>

<div class=code>
Exempel på MENU<MENU><br>
<LI>Rad ett<br>
<LI>Rad två<br>
<LI>Observera att listorna hålls "snygga" även om man skriver <br>
en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till<br>
<LI>En kort rad igen<br>
</MENU></Div>
Blir till:<br>
Exempel på MENU<MENU>
<LI>Rad ett
<LI>Rad två
<LI>Observera att listorna hålls "snygga" även om man skriver en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till
<LI>En kort rad igen
</MENU>

<div class=code>
Exempel på DIR<DIR><br>
<LI>Rad ett<br>
<LI>Rad två<br>
<LI>En kort rad igen<br>
</DIR></div>
Blir till:<br>
Exempel på DIR<DIR>
<LI>Rad ett
<LI>Rad två
<LI>En kort rad igen
</DIR>
En definitionslistasätter ett ord till vänster för att sedan dra in förklaringstexten därunder. Man använder DL för att skapa listan, DT för att ge in entt ord som skall förklaras, samt DD för själva definitionen. Nedan ses ett exempel på detta: <br>
<div class=code>
<DL><br>
<DT>HTML<br>
<DD>Ett standardiserat "språk" för att hantera WWW sidor.<br>
<DT>WWW<br>
<DD>Ett globalt system med hyperlänkade texter (och bilder).<br>
</DL> <br>
</Font></div>
Blir till:<br>
<DL>
<DT>HTML
<DD>Ett standardiserat "språk" för att hantera WWW sidor.
<DT>WWW
<DD>Ett globalt system med hyperlänkade texter (och bilder).
</DL>
Följande modifierare finns det<br>
<DL>
<DT>UL
<DD>COMPACT gör radavstånden mindre. Ex UL COMPACT
<DT>OL
<DD>COMPACT gör radavstånden mindre. Ex OL COMPACT
<DD>START=n Sätter startsiffran. Ex OL START=8
<DD>TYPE=n Sätter typ av numrering. Ex OL TYPE=A (se nedan)
<DT>DIR
<DD>COMPACT gör radavstånden mindre. Ex DIR COMPACT
<DT>MENU
<DD>COMPACT gör radavstånden mindre. Ex MENU COMPACT
<DT>DL
<DD>COMPACT gör radavstånden mindre. Ex DL COMPACT
</DL>
För OL typen finns följande typer
TYPE=A ger<OL TYPE=A>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
TYPE=a ger<OL TYPE=a>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
TYPE=i ger<OL TYPE=i>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
TYPE=I ger<OL TYPE=I>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
TYPE=1 ger<OL TYPE=1>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
Dvs samma som ingen typ alls<br>
Exempel på START=10 för OL<OL START=10>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
följande kod:<div class=code>
Vi fösöker igen<OL COMPACT TYPE=A START=4><br>
<LI>Rad ett<br>
<LI>Rad två<br>
<LI>Rad tre<br>
<LI>Sista raden<br>
</OL></Font></div>
Ger<br>
Vi fösöker igen<OL COMPACT TYPE=A START=4>
<LI>Rad ett
<LI>Rad två
<LI>Rad tre
<LI>Sista raden
</OL>
som resultat.<br>
<br>