logo
  Afbeeldingen
  Een afbeelding op jou website zetten doe je met de volgende tag:

<img src="plaatje.jpg" alt="omschrijving van plaatje" width="1500" height="900" align="left" border="0">

boze smilyLaden.
Zit jou plaatje in een map met de naam pics dan veranderd de naam img src="pics/plaatje.jpg". Met deze tag verwijs je naar het plaatje. Daarachter zie je alt staan. Hier voer je een tekst in die de bezoeker ziet als het plaatje om een of andere manier niet te zien is. Ook zie je deze tekst als de afbeelding nog 'geladen' moet worden.
Pas wel op met téveel afbeeldingen, want dan duurt het te lang om te laden. Een site die langer dan 5 secondes moet laden, daar lopen jou bezoekers voor weg.

Grootte.
De grootte van de afbeelding bepaal je met 'width' (de breedte) en 'height' (de hoogte). Je kunt de afbeelding zo groot of klein maken als je zelf wilt Het is echter niet aan te raden om een afbeelding niet groter te maken dan hij eigenlijk is (ook wel opblazen genoemt), omdat hij dan heel lelijk kan gaan worden. Je geeft de grootte aan in pixels.

Uitlijning.
Afbeeldingen kun je op verschillende manieren uitlijnen. Dat gebeurt met 'align'.

Absbottom Onderkant van afbeelding wordt uitgelijnd met de onderkant van grootste element
Absmiddle Midden van afbeelding wordt uitgelijnd met het midden van het grootste element
Bottom Onderkant van afbeelding wordt uitgelijnd met onderkant van de tekst
Left Afbeelding wordt links op de pagina uitgelijnd
Middle Midden van afbeelding wordt uitgelijnd met de basisregel
Right Afbeelding wordt rechts op de pagina uitgelijnd
Texttop Afbeelding wordt uitgelijnd met hoogste tekst in de regel
Top Afbeelding wordt uitgelijnd met hoogste element in de regel

Voor de smily die ik hierboven heb gezet heb ik dus align="right" gebruikt.

Border.
Je kan ook een border (randje) om het plaatje maken en dat doe je met:

Border="1px"

Dit is handig als het een link is, maar mooi is het niet. Normaal zet je 0px neer (geen randje).

Formaten.
Er zijn heel veel formaten en de bekendste zijn:

gif
jpeg (jpg)
bmp
tif
png

Bmp ligt er een beetje uit en tif is geen echte aanrader, want de foto's/cliparts zijn daarmee erg groot en het laden van de pagina is dus vaak lang, dus blijven gif, jpeg en png over.
Gek genoeg hebben ze allen voor en nadelen. Gif en png kunnen allebei een transparante achtergrond hebben, jpg en png kunnen meer dan 16 miljoen kleuren bevatten en gif maar 256. Gif heeft het voordeel dat het bewegende plaatjes kan bevatten, maar de kleuren zijn vaak op z'n zachtst gezegd waardeloos. Persoonlijk gebruik ik de volgende drie formaten voor:

gif - bewegende plaatjes
jpg (jpeg) - foto's
png - cliparts met een transparante achtergrond.

 
eind