Lister

Der findes flere typer lister.

  1. Uordnede eller unummererede lister.
  2. Ordnede eller nummerede lister.
  3. Definitions eller beskrivende lister.
  4. Menu.

De forskellige lister bruges med forskellige formål

Unummererede lister


Liste bruges til punkt lister og de kan inddeles ved at ligge lister inden i lister og derved få en struktur med overordned punkter og underliggende punkter og i lige så mange niveauer som du har brug for.

Koden

<ul>
<li> Første element
<li> Andet element
<ul>
<li> Tredje element
</ul>
</ul>

Resultat

  • Første element
  • Andet element
    • Tredje element

Nummererede lister


Nummererede lister kan også underinddeles og der vælges hvilke type indikator der skal stå på andet niveau i vores eksempel. Som default bruger HTML tal og tæller fra 1 og opefter på alle niveauer. Dette kan vi ændre ved at sætte type = a ind i ol taget.

Som resultat kan vi se at der bruges tal på det øverste niveau og bogstaver på det efterfølgende niveau.

Koden

<ol>
<li> Første element i listen
<li> Andet element i listen
<ol type="a">
<li> Tredje element
<li> Fjerde element
</ol>
</li> Femte element
</ol>

Resultat

  1. Første element
  2. Andet element
    1. Tredje element
    2. Fjerde element
  3. Femte element

Beskrivende lister

På den sidste liste arbejder vi med overskrifter og beskrivelse. Overskrift til afsnit angives ved <DT> og de underliggende beskrivelses felter angives ved <DD>. Disse lister bruges primært til at skrive dokumenter på HTML sider. Dette kan dog gøres mere elegant ved at bruge HTML sproget og lave almindelige sider der også giver mulighed for at have flere niveauer i form a links og flere sider.

Koden

<DL>
<DT> Første element i listen
<DD> Andet element i listen
<DT> Tredje element
<DD> Fjerde element
</DL>

Resultat

Første element
Andet element
Tredje element
Fjerde element

Menu

Bruges til at angive mindre afsnit. I eksemplet skriver jeg dog ikke hele teksten i kodedelen da det ikke er nødvendigt for forståelsen.

Koden

<MENU>
<li> Dette viser et punkt i en...
<li> Dette viser et punkt i en...
<li> Dette viser et punkt i en...
<li> Dette viser et punkt i en...
</MENU>

Resultat

  • Dette viser et punkt i en menuliste der kan bruges til at vise mindre paragraffer og afsnit af tekst som skal opdeles men alligevel høre sammen.
  • Dette viser et punkt i en menuliste der kan bruges til at vise mindre paragraffer og afsnit af tekst som skal opdeles men alligevel høre sammen.
  • Dette viser et punkt i en menuliste der kan bruges til at vise mindre paragraffer og afsnit af tekst som skal opdeles men alligevel høre sammen.
  • Dette viser et punkt i en menuliste der kan bruges til at vise mindre paragraffer og afsnit af tekst som skal opdeles men alligevel høre sammen.