Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Oppretting og Bruk av Lister i HTML | Section
HTML-Grunnleggende

bookOppretting og Bruk av Lister i HTML

Sveip for å vise menyen

Lister brukes til å organisere og presentere informasjon i et strukturert format. Det finnes to hovedtyper lister: punktlister (<ul>) og nummererte lister (<ol>).

Punktlister

Punktlister viser elementer i en punktmerket liste. Hvert element i listen defineres med <li> (listeelement)-taggen. Punktlister brukes vanligvis når rekkefølgen på elementene ikke er viktig.

index.html

index.html

copy

Den uordnede listen (<ul>) viser elementer med punktmarkeringer.

Ordnete lister

Ordnete lister viser elementer i en nummerert rekkefølge. Hvert element i listen defineres ved å bruke <li> (listeelement)-taggen. Ordnete lister brukes når rekkefølgen på elementene er viktig og må fremheves.

index.html

index.html

copy

Listen er ordnet (<ol>), og viser elementene med tall.

Nestede lister

Lister kan også nestes i hverandre for å lage hierarkiske strukturer. Dette betyr at et listeelement (<li>) i en liste (<ul> eller <ol>) selv kan inneholde en annen liste. Dette er nyttig for å organisere kompleks informasjon i flere nivåer av hierarki.

index.html

index.html

copy
  • Det andre listeelementet ("Main item 2") inneholder en nestet punktliste (<ul>), noe som skaper en hierarkisk struktur;
  • Hver nestet liste (<ul>) er innrykket for å visuelt indikere sitt hierarkiske nivå.

1. Hvilken tag brukes for å lage punktlister?

2. Når bør du bruke en nummerert liste i stedet for en punktliste?

3. Hvilken tag mangler i feltene (___)?

question mark

Hvilken tag brukes for å lage punktlister?

Select the correct answer

question mark

Når bør du bruke en nummerert liste i stedet for en punktliste?

Select the correct answer

question mark

Hvilken tag mangler i feltene (___)?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 14

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 14
some-alt