Tips og tricks til HTML

Velkommen · Introduktion til HTML · Standard · Formattering af tekst
Farver · Punktopstilling · Linier · Links · Grafik · Specielle funktioner · JavaScript · Tæller

Punktopstilling

Den uordnede liste · Den ordnede liste · Punktopstilling med grafikbilleder · Opstilling i flere niveauer

Der findes flere forskellige punktopstillinger - du kan enten vælge tegn, tal, bogstaver eller grafikbilleder.

Den uordnede liste (<ul> = unordered lists)

  • bil
  • fly
  • skib

<ul>
<li>bil
<li>fly
<li>skib
</ul>

Default er klatter (bullets).

Du kan ændre klatterne til crikler eller firkanter ved at tilføje en kode i koden <ul>. Koden <li> behøver ikke en afsluttende kode.

<ul type="circle">
<ul type="square">

 

Den ordnede liste (<ol> = ordered lists)

  1. bil
  2. fly
  3. skib

<ol>
<li>bil
<li>fly
<li>skib
</ol>

Default er tal.

Du kan ændre tallene til bogstaver eller romertal.

  1. bil
  2. fly
  3. skib

<ol type="a">    små bogstaver
<ol type="A">   store bogstaver
<ol type="i">     små romertal
<ol type="I">     store romertal

 

Punktopstilling med grafikbilleder

I stedet for de kedelige tegn, tal og bogstaver kan du bruge små grafikbilleder eller animationer.

Koderne er ikke mere komplicerede end ovenstående eksempler, men resultatet er helt anderledes.

<table>
<tr>
<td><img src="bullet.gif" width="14" height="13" hspace="14"></td>
<td>Skriv punktets tekst her!</td>
</tr>
<tr>
<td><img src="bullet.gif" width="14" height="13" hspace="14"></td>
<td>Skriv punktets tekst her!</td>
</tr>
<tr>
<td><img src="bullet.gif" width="14" height="13" hspace="14"></td>
<td>Skriv punktets tekst her!</td>
</tr>
</table>

Erstat den røde tekst med dine egne billeder. Den lilla tekst er et eksempel på størrelsen og placeringen af grafikbilledet.

bil
fly
skib
bil
fly
skib
bil
fly
skib

 

Opstilling i flere niveauer

Det er også muligt at lave en punktopstilling i flere niveauer - dvs. et punkt med et underpunkt.

  • Katte
  • Hunde
    • Gravhunde
    • Puddelhunde
  • Hamster
  • Kaniner

<ul>
<li>Katte</li>
<li>Hunde<ul>
<li>Gravhunde</li>
<li>Puddelhunde</li>
</ul>
</li>
<li>Hamster</li>
<li>Kaniner</li>
</ul>

Gå til toppen af siden!

Ris og ros kan sendes til mig på følgende e-mail adresse: bettina@email.dk

Go Home!