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)

bil fly skib

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

Default er tal.

Du kan ændre tallene til bogstaver eller romertal.

bil fly 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.

<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!