Les 4: Plaatjes

Plaatjes vormen een belangrijk onderdeel van websites, anders zou het enkel tekst en links zijn. Niet echt gezellig.

Als je een plaatje op Internet wilt hebben, zul je 'm eerst moeten uploaden. Het adres waar het plaatje staat moet je onthouden of ergens opschrijven, want dat heb je nodig.
De tag voor het plaatje is dit:

<img src="adres van je plaatje" />

Hou er rekening mee dat het bestandstype (.jpg, .png) er altijd achter moet staan. Een voorbeeld:

<img src="http://www.gildegids.nl/images/vorarbeiterbanner.png" />
Dat is het enige dat je nodig hebt om je plaatje weer te geven. Natuurlijk kan je er nog meer mee:

Positioneren
Je kan hierbij kiezen voor links (left) of rechts (right). Dat ziet er zo uit:

<img src="http://www.gildegids.nl/images/vorarbeiterbanner.png" align="left" />
Vervang 'left' door je positionering naar keuze.

Alternatieve tekst
Mocht je plaatje niet geladen worden, of heeft de gebruiker ingesteld dat de browser geen plaatjes weergeeft, dan krijgt diegene alternatieve tekst te zien. Deze tekst is ook te zien als je met de muis op het plaatje blijft stilstaan.

<img src="http://www.gildegids.nl/images/vorarbeiterbanner.png" alt="tekst die men te zien krijgt">

Border
Soms wil je je plaatjes een rand geven. Dit kan met 'border', maar dit is wel een oud element (gebruikt in HTML 4.01). Je kan in dit geval beter kiezen voor de CSS-variant. Verander het aantal pixels en de kleur naar keuze, of kijk voor meer informatie bij het gedeelte over randen in de CSS gids.

<img src="adres van je plaatje" style="border: 1px solid #000000;">

Terug naar Les 3: Lettertype Verder naar les 5: Links