Lister er en væsentlig del af HTML for at vise data på en organiseret og læsbar måde. HTML giver tre hovedtyper af lister: uordnede lister, ordnede lister og definitionslister.
Uordnede lister(<ul>) bruger specifikke punkttegn og vises som indrykkede elementer, typisk ved hjælp af sorte prikker. Dette er et populært valg til at liste varer, der ikke kræver en bestemt ordre.
Ordnede lister(<ol>) bruger specifikke nummererings- eller tegnmarkører og vises som en sekventielt ordnet liste. Dette bruges ofte til at angive varer i en bestemt rækkefølge eller nummerere dem.
Definitionslister(<dl>) bruger term- og beskrivelsespar til at vise data. Hvert par er omgivet af <dt>(definitionsbegrebet) og <dd>(definitionsbeskrivelse) tags. Dette er en effektiv måde at vise attributter eller definitioner for specifikke begreber.
Uordnet liste( <ul>)
- <ul> Elementet bruges til at oprette en uordnet liste.
- Hvert element i den uordnede liste er placeret i et <li> element.
- Uordnede lister vises typisk med punkttegn eller lignende tegn.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Bestilte liste( <ol>)
- <ol> Elementet bruges til at oprette en ordnet liste.
- Hvert element i den bestilte liste er placeret i et <li> element.
- Ordnede lister vises typisk med tal eller alfabetiske tegn.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Definitionsliste( <dl>)
- <dl> Elementet bruges til at oprette en definitionsliste.
- Hvert element i definitionslisten består af et par <dt>(definitionsbegreb) og <dd>(definitionsbeskrivelse) tags.
- <dt> Tagget indeholder nøgleordet eller attributten, der defineres, mens <dd> tagget indeholder beskrivelsen eller forklaringen for det pågældende søgeord eller attribut.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Listetypeattribut( <ul> og <ol>)
- Typeattributten bruges til at angive nummereringsstilen for en ordnet liste.
- Værdien af typeattributten kan være "1"(tal), "A"(store bogstaver), "a"(små bogstaver), "I"(store romertal) eller "i"(små romertal) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Start attribut( <ol>)
- Startattributten bruges til at angive startværdien af nummereringen i en ordnet liste.
- Værdien af startattributten er et positivt heltal.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Omvendt attribut( <ol>)
- Den omvendte attribut bruges til at vise en ordnet liste i omvendt rækkefølge.
- Når den omvendte attribut anvendes, vil nummereringen blive vist i faldende rækkefølge.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Disse attributter og elementer giver dig mulighed for at oprette og tilpasse lister i HTML efter dine behov. Du kan bruge dem til at vise data på en overskuelig og organiseret måde på din hjemmeside.