Skapa och Använda Listor i HTML

Listor används för att organisera och presentera information i ett strukturerat format. Det finns två huvudtyper av listor: oordnade listor (<ul>) och ordnade listor (<ol>).

Oordnade listor

Oordnade listor presenterar objekt i punktform. Varje objekt i listan definieras med taggen <li> (listobjekt). Oordnade listor används vanligtvis när ordningen på objekten inte är viktig.
Exempel:

index.html

I exemplet ovan:

Den oordnade listan (<ul>) visar objekt med punktlistor.

Ordnade listor

Ordnade listor visar objekt i en numrerad sekvens. Varje objekt i listan definieras med taggen <li> (listelement). Ordande listor används när ordningen på objekten är viktig och behöver betonas.
Exempel:

index.html

I exemplet ovan:

Listan är ordnad (<ol>), vilket visar poster med siffror.

Nästlade listor

Listor kan även nästlas inom varandra för att skapa hierarkiska strukturer. Detta innebär att ett listelement (<li>) inom en lista (<ul> eller <ol>) själv kan innehålla en annan lista. Detta är användbart för att organisera komplex information i flera nivåer av hierarki.
Exempel:

index.html

I exemplet ovan:

Det andra listelementet ("Main item 2") innehåller en nästlad oordnad lista (<ul>), vilket skapar en hierarkisk struktur;
Varje nästlad lista (<ul>) är indragen för att visuellt indikera dess hierarkiska nivå.

Videohandledning

1. Vilken tagg används för att skapa oordnade listor?

2. När bör en ordnad lista användas istället för en oordnad lista?

3. Vilken tagg saknas i luckorna (___)?

Vilken tagg används för att skapa oordnade listor?

Select the correct answer

<ol>

<ul>

<li>

När bör en ordnad lista användas istället för en oordnad lista?

Select the correct answer

När ordningen på objekten är viktig.

Vid organisering av komplex information i flera nivåer av hierarki.

Vid betoning av objektens betydelse.

Vilken tagg saknas i luckorna (___)?

Select the correct answer

ol

li

p

h2

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 7

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

Skapa och Använda Listor i HTML

Svep för att visa menyn

Listor används för att organisera och presentera information i ett strukturerat format. Det finns två huvudtyper av listor: oordnade listor (<ul>) och ordnade listor (<ol>).

Oordnade listor

index.html

I exemplet ovan:

Den oordnade listan (<ul>) visar objekt med punktlistor.

Ordnade listor

index.html

I exemplet ovan:

Listan är ordnad (<ol>), vilket visar poster med siffror.

Nästlade listor

index.html

I exemplet ovan:

Det andra listelementet ("Main item 2") innehåller en nästlad oordnad lista (<ul>), vilket skapar en hierarkisk struktur;
Varje nästlad lista (<ul>) är indragen för att visuellt indikera dess hierarkiska nivå.

Videohandledning

1. Vilken tagg används för att skapa oordnade listor?

2. När bör en ordnad lista användas istället för en oordnad lista?

3. Vilken tagg saknas i luckorna (___)?

Vilken tagg används för att skapa oordnade listor?

Select the correct answer

<ol>

<ul>

<li>

När bör en ordnad lista användas istället för en oordnad lista?

Select the correct answer

När ordningen på objekten är viktig.

Vid organisering av komplex information i flera nivåer av hierarki.

Vid betoning av objektens betydelse.

Vilken tagg saknas i luckorna (___)?

Select the correct answer

ol

li

p

h2

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 7