Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Oprettelse og Brug af Lister i HTML | HTML-Grundlæggende
HTML-Grundlæggende

bookOprettelse og Brug af Lister i HTML

Lister bruges til at organisere og præsentere information i et struktureret format. Der findes to hovedtyper af lister: uordnede lister (<ul>) og ordnede lister (<ol>).

Uordnede lister

Uordnede lister præsenterer elementer i punktform. Hvert element i listen defineres ved hjælp af <li> (listeelement)-tagget. Uordnede lister anvendes typisk, når rækkefølgen af elementerne ikke er vigtig.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

Den uordnede liste (<ul>) viser elementer med punkttegn.

Ordnet liste

Ordnet liste viser elementer i en nummereret rækkefølge. Hvert element i listen defineres ved hjælp af <li> (listeelement)-tagget. Ordnet liste anvendes, når rækkefølgen af elementer er vigtig og skal fremhæves.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

Listen er ordnet (<ol>), hvilket viser elementerne med tal.

Indlejrede lister

Lister kan også indlejres i hinanden for at skabe hierarkiske strukturer. Det betyder, at et listeelement (<li>) i én liste (<ul> eller <ol>) selv kan indeholde en anden liste. Dette er nyttigt til at organisere kompleks information i flere niveauer af hierarki.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

  • Det andet listeelement ("Main item 2") indeholder en indlejret uordnet liste (<ul>), hvilket skaber en hierarkisk struktur;
  • Hver indlejret liste (<ul>) er indrykket for visuelt at angive dens hierarkiske niveau.

Videovejledning

1. Hvilket tag bruges til at oprette uordnede lister?

2. Hvornår bør man bruge en ordnet liste i stedet for en uordnet liste?

3. Hvilket tag mangler i de tomme felter (___)?

question mark

Hvilket tag bruges til at oprette uordnede lister?

Select the correct answer

question mark

Hvornår bør man bruge en ordnet liste i stedet for en uordnet liste?

Select the correct answer

question mark

Hvilket tag mangler i de tomme felter (___)?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.13

bookOprettelse og Brug af Lister i HTML

Stryg for at vise menuen

Lister bruges til at organisere og præsentere information i et struktureret format. Der findes to hovedtyper af lister: uordnede lister (<ul>) og ordnede lister (<ol>).

Uordnede lister

Uordnede lister præsenterer elementer i punktform. Hvert element i listen defineres ved hjælp af <li> (listeelement)-tagget. Uordnede lister anvendes typisk, når rækkefølgen af elementerne ikke er vigtig.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

Den uordnede liste (<ul>) viser elementer med punkttegn.

Ordnet liste

Ordnet liste viser elementer i en nummereret rækkefølge. Hvert element i listen defineres ved hjælp af <li> (listeelement)-tagget. Ordnet liste anvendes, når rækkefølgen af elementer er vigtig og skal fremhæves.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

Listen er ordnet (<ol>), hvilket viser elementerne med tal.

Indlejrede lister

Lister kan også indlejres i hinanden for at skabe hierarkiske strukturer. Det betyder, at et listeelement (<li>) i én liste (<ul> eller <ol>) selv kan indeholde en anden liste. Dette er nyttigt til at organisere kompleks information i flere niveauer af hierarki.
Eksempel:

index.html

index.html

copy

I eksemplet ovenfor:

  • Det andet listeelement ("Main item 2") indeholder en indlejret uordnet liste (<ul>), hvilket skaber en hierarkisk struktur;
  • Hver indlejret liste (<ul>) er indrykket for visuelt at angive dens hierarkiske niveau.

Videovejledning

1. Hvilket tag bruges til at oprette uordnede lister?

2. Hvornår bør man bruge en ordnet liste i stedet for en uordnet liste?

3. Hvilket tag mangler i de tomme felter (___)?

question mark

Hvilket tag bruges til at oprette uordnede lister?

Select the correct answer

question mark

Hvornår bør man bruge en ordnet liste i stedet for en uordnet liste?

Select the correct answer

question mark

Hvilket tag mangler i de tomme felter (___)?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7
some-alt