De Width en Height attributen van afbeeldingen

WIDTH
Met het WIDTH attribuut kan de breedte van de afbeelding worden vastgelegd. Het opgeven van de afmetingen spaart tijd, omdat de browser het voor de afbeeldingen benodigde gebied vooraf kan berekenen en niet hoeft te wachten tot de afbeelding geheel geladen is. De afmetingen kunnen gevonden worden met behulp van een grafische editor, zoals Paint Shop Pro en Corel PhotoPaint.

De opbouw is: <IMG SRC="bestemming" WIDTH=waarde">


HEIGHT
Met het HEIGHT attribuut kan de hoogte van de afbeelding worden vastgelegd.
De opbouw is:

<IMG SRC="bestemming" HEIGHT="waarde">


Soms kan het opgeven van afmetingen gebruikt worden om een afbeelding te vergroten of te verkleinen. Voorzichtigheid is echter op z'n plaats, omdat de kwaliteit van de afbeelding er vaak op achteruit gaat (zeker als er tekst in de afbeelding is opgenomen). Hierna volgen het origineel, een verkleining en een vergroting van een afbeelding.

Voorbeeld van een afbeeldign met de normale grootte.
<IMG SRC="images/kampeerplaats.gif" WIDTH="120" HEIGHT="60">

De browser geeft dit weer als:



Voorbeeld van een afbeeldign met de halve grootte.
<IMG SRC="images/kampeerplaats.gif" WIDTH="60" HEIGHT="30">

De browser geeft dit weer als:



Voorbeeld van een afbeeldign die twee keer zo groot is.
<IMG SRC="images/kampeerplaats.gif" WIDTH="240" HEIGHT=120">

De browser geeft dit weer als:



Terug naar de vorige pagina    Terug naar de eerste pagina