HTML <img> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<img src="sprinkhaan.jpg" width="128" height="128">


Beschrijving

De <img> tag wordt gebruikt om afbeeldingen op een pagina te plaatsen. Zie HTML afbeeldingen voor meer informatie over hoe je afbeeldingen kunt plaatsen op een webpagina.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<img> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <img> element ondersteund:

Versie Attribuut Waarde Beschrijving
  align top
bottom
middle
left
right
Niet ondersteund in HTML5.
Het align attribuut zorgt voor de uitlijning van de afbeelding of de omringende tekst.
  alt tekst Dit attribuut zorgt er voor dat er tekst wordt geplaatst in plaats van de afbeelding indien de browser geen afbeeldingen kan weergeven.
  border pixels Niet ondersteund in HTML5.
Specificeert de breedte van de rand, rond de afbeelding.
HTML5 crossorigin anonymous
use-credentials
Dit attribuut maakt het mogelijk om afbeeldingen te downloaden uit een ander website. Werkt alleen als de server het ondersteunt.
  height pixels Het height attribuut wordt gebruikt om de hoogte van een afbeelding in te stellen.
  hspace pixels Niet ondersteund in HTML5.
Het hspace attribuut specificeert extra witruimte links en rechts van de afbeelding.
  ismap ismap Het ismap attribuut geeft aan dat de afbeelding een actieve kaart "server-side image map" is, ofwel een aanklikbare afbeelding.
  longdesc url Hiermee geef je de URL naar een gedetailleerde beschrijving van een afbeelding.
  src url Met het src attribuut wordt het adres van de afbeelding bepaald.
  usemap kaartnaam Het attribuut usemap geeft aan dat de afbeelding een "client-side-image map" is.
  vspace pixels Niet ondersteund in HTML5.
Het vspace attribuut specificeert extra witruimte boven en onder de afbeelding.
  width pixels Het width attribuut wordt gebruikt om de breedte van een afbeelding in te stellen.

Event attributen

De <img> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <img> tag ondersteunt ook de Globale attributen in HTML.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.