Globale linker

HTML

<lister>

List element

I html-koden er det definert flere former for list-elementer:

<ul> = unordered list (unummerert liste)
<ol> = ordered list (nummerert liste)
<dl> = definition list

<ul> og <li>

En unummerert liste, eller en punktliste består av taggene <ul>, </ul>, <li> og </li>. <ul>-taggen forteller at her begynner en unordered list (unummerert liste) og </ul>-taggen forteller at her slutter listen. Mellom <li>-taggene legger vi inn de forskjellige opplistingene.

<ul>-taggen kan ha ett attributt; type, som kan ha en av tre verdier; disc (default), circle eller square. Attributtett og dets verdi angir hvordan punktelementet skal se ut.

NB! attributtet er gått ut til fordel for CSS.

Disc gir en svart prikk

Circle gir en sirkel

Square gir en firkant

Kode:

<ul type="circel">
   <li> første linje </li>
   <li>andre linje</li>
   <li>tredje linje</li>
</ul>

Resultat:

første linje
andre linje
tredje linje

<ol> og <li>

En nummerert liste består av taggene <ol>, </ol>, <li> og </li>. <ol>-taggen forteller at her begynner en ordered list (nummerert liste) og </ol>-taggen forteller at her slutter listen. Mellom <li>-taggene legger vi inn de forskjellige opplistingene.

<ol>-taggen kan ha to attributt; type og start.

type kan ha verdiene:

NB! type attributtet er gått ut til fordel for CSS

a = små bokstaver
A = store bokstaver
i = små romertall
I = store romertall
1 = tall

Verdien til start-attributtet angir hvilket nummer du begynner å liste opp på. Med «start="5"» begynner listen å telle på 5

Kode:

<ol type="i">
   <li> første linje </li>
   <li>andre linje</li>
   <li>tredje linje</li>
</ol>

Resultat:

første linje
andre linje
tredje linje

Kode:

<ol type="A" start="5">
   <li> første linje </li>
   <li>andre linje</li>
   <li>tredje linje</li>
</ol>

Resultat:

første linje
andre linje
tredje linje

<dl>, <dt> og <dd>

Den siste liste typen er definition list. Her bruker vi taggene <dl>, </dl>, <dt>, </dt>, <dd> og </dd>.

<dl>-taggen forteller at her kommer en definition list og </dl>-taggen forteller at her slutter listen.
<dt>-taggene inneholder «overskriften»
<dd>-taggene inneholder liste-elementene.

Kode:

<dl>
   <dt><b>pølsetilbehør</b></dt>
     <dd>Ketschup</dd>
     <dd>Sennep</dd>
   <dt><b>Leskedrikk</b></dt>
     <dd>Cola</dd>
     <dd>Øl</dd>
</ol>

Resultat:

Pølsetilbehør: Ketshcup; Sennep
Leskedrikk: Cola; Øl

Gå til neste side hvor vi skal se på tekstlinker