Attribuut | Resultaat | ||||||||||||||||||||
SRC="foto.gif" | de locatie en de naam van het afbeeldingbestand. Denk ook aan hoofd- en kleine letters en vermijd spaties in de naam | ||||||||||||||||||||
ALT="tekst" | alternatieve tekst die verschijnt als de afbeelding nog niet geladen is of niet geladen kan worden | ||||||||||||||||||||
WIDTH=n | breedte van de afbeelding in pixels | ||||||||||||||||||||
HEIGHT=n | hoogte van de afbeelding in pixels | ||||||||||||||||||||
LOWSRC="foto.gif" | lage-resolutie-versie van de afbeelding die bij een langzame verbinding wordt geladen vóór het bestand achter SRC | ||||||||||||||||||||
HSPACE=n | aantal beeldpunten dat vrijgelaten wordt tussen de afbeelding en de tekst (links en rechts) | ||||||||||||||||||||
VSPACE=n | aantal beeldpunten dat vrijgelaten wordt tussen de afbeelding en de tekst (onder en boven) | ||||||||||||||||||||
BORDER=n | breedte van het kader rond de afbeelding, 0 is geen kader | ||||||||||||||||||||
ALIGN= |
|
* | <IMG SRC="foto.gif" ALT="Foto van mij" WIDTH=63 HEIGHT=129 LOWSRC="foto_low.gif" HSPACE=10 VSPACE=10 BORDER=0 ALIGN=left> |
* | Als je van een afbeelding de breedte en hoogte opgeeft, kan de browser rekening houden met de ruimte die de afbeelding in gaat nemen en kan de rest van de pagina alvast op het scherm zetten, met als resultaat dat de pagina sneller zichtbaar is. |
* | Voeg altijd een ALT="tekst" toe. Het kan altijd gebeuren dat een afbeelding niet geladen kan worden, bijvoorbeeld omdat de 'bezoeker' een verouderde browser gebruikt die een bepaald bestandsformaat niet ondersteunt. Vanaf Netscape 3.0 en Microsoft Internet Explorer 3.0 wordt deze tekst ook getoond als de afbeelding nog niet geladen is. |
* | Tellers voor het aantal bezoekers worden ook vaak als afbeelding aangeroepen. Dit ziet er dan uit als <IMG SRC="/cgi-bin/count?width=6&link=gebruiker/index.html">. De preciese manier om dit te gebruiken verschilt per Internet-aanbieder. |
Attribuut | Resultaat |
SIZE=n | hoogte lijn in beeldpunten |
WIDTH=n | lengte lijn in beeldpunten of percentage breedte van het document |
ALIGN=left | de lijn links uitlijnen |
ALIGN=right | de lijn rechts uitlijnen |
ALIGN=center | de lijn centreren |
NOSHADE | solide lijn zonder schaduw |
* |
<HR>
|
* |
<HR ALIGN=right SIZE=10 WIDTH=300 NOSHADE>
|
Type | Kenmerken |
.GIF | het Graphics Interchange Format is een compressie-standaard voor afbeeldingen die onder andere gebaseerd is op grote vlakken met dezelfde kleur en maximaal 256 kleuren. Dit type is dus zeer geschikt voor afbeeldingen met grote vlakken en weinig kleuren, zoals logo's. |
.JPG | de Joint Photographic Experts Group heeft een compressie-standaard ontwikkeld voor foto's. Dit type is dus uitstekend te gebruiken voor afbeeldingen zonder regelmatige vlakken en met veel kleuren (standaard 16,7 miljoen). In tegenstelling tot het GIF-type is dit een compressiemethode waarbij informatie verloren gaat. Bij foto's is dit nauwelijks te zien, bij afbeeldingen met vlakken is dit echter vooral bij de randen juist zeer goed te zien, zeker bij een hoge compressie (die compressie-verhouding is in te stellen). |
* | Kijk op de pagina over kleuren voor een tip over kleurgebruik. |
* | als je er met de muis overheen gaat verandert de afbeelding |
* | als je de muis er weer vanaf haalt verandert de afbeelding weer terug |
* | als je op de afbeelding klikt wordt 'verder.html' geladen |