Det er enkelt og ligetil at oprette lister i HTML. Der er to hovedtyper af lister:ordnede lister og uordnede lister.

Bestilte lister:

Ordnede lister er nummererede, og hver vare er indledt med et nummer. De er oprettet ved hjælp af `

` (ordnet liste) tag, og hvert listeelement er defineret ved hjælp af `
1. ` (listeelement) tag.

   ```html

   1. Første element
   2. Andet element
   3. Tredje element

   ```

   Denne kode vil producere følgende ordnede liste:

   1. Første vare

   2. Andet punkt

   3. Tredje punkt

   Uordnede lister:

   Uordnede lister er punktopstillede, og hvert punkt er indledt med et punkttegn. De oprettes ved hjælp af tagget `

   ` (uordnet liste), og hvert listeelement er defineret ved hjælp af `
   • ` (listeelement) tag.

     ```html

     • Første element
     • Andet element
     • Tredje element

     ```

     Denne kode vil producere følgende uordnede liste:

     - Første vare

     - Andet punkt

     - Tredje punkt

     Stylinglister:

     Du kan style lister ved at bruge CSS. Du kan f.eks. ændre skrifttypen, farven eller størrelsen på listeelementerne. Du kan også tilføje kanter, baggrunde og andre effekter.

     Her er nogle CSS-eksempler:

     ```css

     /* Bestilt liste */

     ol {

     liste-stil-type:decimal;

     skriftstørrelse:1,2rem;

     farve:#333;

     }

     /* Uordnet liste */

     ul {

     liste-stil-type:firkantet;

     skriftstørrelse:1,2rem;

     farve:#333;

     }

     /* Listepunkter */

     li {

     margin-bund:10px;

     }

     ```

     Denne CSS vil producere følgende stilede liste:

     1. Første punkt

     2. Andet punkt

     3. Tredje punkt

     - Første vare

     - Andet punkt

     - Tredje punkt