Hvad bruges ul elementet til?
HTML-elementet ul (unordered list) anvendes til at oprette en ikke-nummereret liste med punkter. Det er den mest basale måde at organisere information på websider. Elementet ul er defineret af
- og
tags, og elementerne inden i listen skal være defineret i
For eksempel kan en ul-liste bruges til at præsentere et sæt af menuer, der giver besøgende mulighed for at navigere rundt på et websted. Hver menu kan defineres som et
En anden anvendelse af ul-elementet er at organisere et sæt af elementer, der skal præsenteres som en liste, såsom en liste med produkter i en online-butik. I dette tilfælde indeholder hvert element i listen et billede, en titel og en beskrivelse, der alle er inden for et
Ul-elementet kan også bruges til visuelt at organisere et sæt af fakta, såsom en liste med kendte personer, tidsplaner eller statistik. I dette tilfælde kan man bruge et
- element til at angive hver af de fakta, der skal præsenteres.
Endelig kan ul-elementet også bruges til at organisere komplekse sæt af data, såsom en liste over forskellige tjenester, der tilbydes af et firma. Disse kan også defineres ved hjælp af et
- element.
Eksempler på ul
1. Eksempel:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Denne kode viser en usorteret liste med de tre elementer “Item 1”, “Item 2” og “Item 3″ .
2. Eksempel:
<ul style=”list-style-type:circle”>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Denne kode viser en usorteret liste med de tre elementer “Item 1”, “Item 2” og “Item 3” og hvert element er omgivet af en cirkel.
3. Eksempel:
<ul>
<li><strong>Item 1</strong></li>
<li><strong>Item 2</strong></li>
<li><strong>Item 3</strong></li>
</ul>
Denne kode viser en usorteret liste med de tre elementer “Item 1”, “Item 2” og “Item 3” med fed skrift.