Oprettelse 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

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

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

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 (___)?

Hvilket tag bruges til at oprette uordnede lister?

Select the correct answer

<ol>

<ul>

<li>

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

Select the correct answer

Når rækkefølgen af elementerne er vigtig.

Når man organiserer kompleks information i flere niveauer af hierarki.

Når man vil fremhæve vigtigheden af elementerne.

Hvilket tag mangler i de tomme felter (___)?

Select the correct answer

ol

li

p

h2

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

Spørg AI

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

Suggested prompts:

Can you explain the difference between ordered and unordered lists again?

How do I create a nested list in HTML?

What are some best practices for using lists in HTML?

Awesome!

Completion rate improved to 3.13

Oprettelse 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

index.html

I eksemplet ovenfor:

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

Ordnet liste

index.html

I eksemplet ovenfor:

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

Indlejrede lister

index.html

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 (___)?

Hvilket tag bruges til at oprette uordnede lister?

Select the correct answer

<ol>

<ul>

<li>

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

Select the correct answer

Når rækkefølgen af elementerne er vigtig.

Når man organiserer kompleks information i flere niveauer af hierarki.

Når man vil fremhæve vigtigheden af elementerne.

Hvilket tag mangler i de tomme felter (___)?

Select the correct answer

ol

li

p

h2

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7