Å lage lister i HTML er enkelt og greit. Det er to hovedtyper av lister:ordnede lister og uordnede lister.

Bestilte lister:

Ordnede lister er nummerert, og hver vare innledes med et nummer. De er opprettet ved hjelp av `

` (ordnet liste)-taggen, og hvert listeelement er definert ved hjelp av `
1. ` (listeelement)-tag.

   ```html

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

   ```

   Denne koden vil produsere følgende ordnede liste:

   1. Første element

   2. Andre punkt

   3. Tredje element

   Uordnede lister:

   Uordnede lister er punktert, og hvert element innledes med et punkt. De opprettes ved å bruke «

   »-taggen (uordnet liste), og hvert listeelement er definert med «
   • ` (listeelement)-tag.

     ```html

     • Første element
     • Andre element
     • Tredje element

     ```

     Denne koden vil produsere følgende uordnede liste:

     - Første element

     - Andre element

     - Tredje element

     Stylinglister:

     Du kan style lister ved å bruke CSS. Du kan for eksempel endre skrifttype, farge eller størrelse på listeelementene. Du kan også legge til rammer, bakgrunner og andre effekter.

     Her er noen CSS-eksempler:

     ```css

     /* Bestilt liste */

     ol {

     liste-stil-type:desimal;

     skriftstørrelse:1,2rem;

     farge:#333;

     }

     /* Uordnet liste */

     ul {

     liste-stil-type:kvadrat;

     skriftstørrelse:1,2rem;

     farge:#333;

     }

     /* Listeelementer */

     li {

     marg-bunn:10px;

     }

     ```

     Denne CSS vil produsere følgende stilliste:

     1. Første element

     2. Andre punkt

     3. Tredje element

     - Første element

     - Andre element

     - Tredje element