11.1 De gewone figuur

Nu gaan we een figuur plaatsen in onze webpagina. De tag hiervoor is <img> van image, wat afbeelding betekend.
We moeten aan <img> enkele parameters meegeven. De grootte: height=”” voor de hoogte en width=”” voor de breedte. Dan natuurlijk ook waar de figuur staat, hiervoor gebruiken we de parameter src=””. Dit komt van “source” wat “bron” betekend.

In ons voorbeeld gebruiken we het Seniorennet logo als figuur. Je kan deze figuur ook gebruiken:

Je doet dit als volgt:

1. Ga met je muisaanwijzer op de figuur staan, en klik met je rechtermuistoets
2. Vervolgens klik je op "Afbeelding opslaan als..."
3. Nu krijg je een schermp, waar je moet gaan naar waar je website staat. Klik dan op Opslaan.
4. Je kan nu de figuur gebruiken zoals ze hier in de cursus staat.

Opmerking:
<img> is een van de weinige tags in HTML die geen eindtag heeft.

Een voorbeeld van een figuur:
<img src="logo.gif" width="97" height="59">

Dit wordt:

De height en width parameters moéten niet meegegeven worden, maar dit wordt wel aangeraden. Dit is dus ook mogelijk:
<img src="logo.gif">

Dit wordt evengoed:

Maar toch om volgende reden kan je ze er beter bijplaatsen: als de parameters meegegeven worden en de figuur moet nog gedownload worden, dan is de plaats gereserveerd voor de figuur, en ziet de bezoeker onmiddellijk al de juiste lay-out, ookal wordt de figuur intussen nog ingeladen.
Als je de parameters niet meegeeft, zal de lay-out van de pagina steeds wijzigen totdat alle figuren ingeladen zijn.

Klik hier om te leren hoe de figuur uit te lijnen.