Afbeeldingen
 
.gif en .jpg Op Internet kun je twee soorten afbeeldingen gebruiken. Namelijk .gif en .jpg

.gif wordt gebruikt voor plaatjes en buttons.
.jpg wordt gebruikt voor foto's.

 
IMG-tag Als je een plaatje op je pagina wilt neerzetten gebruik je de volgende HTML-code:

<IMG SRC="plaatje.gif">

Om het netjes te doen en te zorgen dat het plaatje sneller geladen wordt op je pagina kun je de grootte van het plaatje (WIDTH en HEIGHT) alvast opgeven, en een alternatieve tekst bijvoegen (ALT) :
<IMG SRC="plaatje.gif" WIDTH="85" HEIGHT="85" ALT="dit is ons mooiste plaatje">

Hier zie je dat je bij plaatjes geen eind-tag hoeft te gebruiken.

 
 
Afbeeldingen - Uitlijning.
 
LEFT, RIGHT, CENTER Een afbeelding wordt getoond op de plaats waar je de opdrachtregel intikt. Als je nou de afbeelding links of rechts op de pagina wilt neerzetten, gebruik je het attribuut ALIGN=.
Links wordt dan: <IMG SRC="plaatje.gif" ALIGN=LEFT>
De tekst die je bij de plaatjes neerzet wordt totaan het plaatje uitgelijnd. In dit geval komt het plaatje aan de linker kant van de pagina te staan en wordt de tekst er aan de rechterkant omheen gezet.


Rechts wordt dan: <IMG SRC="plaatje.gif" ALIGN=RIGHT>
Het plaatje komt aan de rechterkant van de pagina te staan en de tekst loopt van af de linker kant totaan het plaatje door.



Wil je de afbeelding in in het midden hebben dan gebruik je de tags <CENTER> en </CENTER>, het plaatje zet je dan tussen deze tags:
<CENTER> <IMG SRC="plaatje.gif"> </CENTER>.

 
TOP, MIDDLE, BOTTOM Om de afbeelding te positioneren ten opzichte van tekst, kun je achter het attribuut ALIGN= de waarden TOP, MIDDLE of BOTTOM zetten.
TOP zorgt ervoor dat de tekst wordt uitgelijnd met de bovenkant van de afbeelding.
MIDDLE lijnt de tekst uit met het midden van de afbeelding.
BOTTOM tenslotte lijnt de tekstregel uit met de onderkant van de afbeelding.
 
HSPACE, VSPACE Als je een plaatje tussen de tekst inzet kan het mooier zijn om de ruimte tussen het plaatje en de tekst iets groter te maken. De ruimte rondom een plaatje kun je definiëren met de attributen HSPACE= (voor links en rechts) en VSPACE= (voor boven en onder).
De waarden die je kunt meegeven aan deze attributen moeten liggen tussen de 1 en 100. De HTML-code:
<IMG SRC="plaatje.gif" HSPACE=1>
Geeft als resultaat:
Dit is tekst die om het plaatje heen staat.
Met HSPACE =1 staat de tekst minder ver van de afbeelding af.

De HTML-code:
<IMG SRC="plaatje.gif" HSPACE=100>
Geeft als resultaat:
Deze staat veel verder van het plaatje af.
Met HSPACE=100 is de opzet allemaal wat ruimer.