Img tag – Een afbeelding in html

<img />

Definitie:
Met dit element is het mogelijk een plaatje op je site weer te geven. De afbeelding verschijnt op de plaats waar je het element ook geplaatst hebt. Zorg er altijd voor dat de attributen alt en src erin staan, deze zijn verplicht.

Voorbeeld:

1
2
3
4
...
<img src="/wireframe.jpg" alt="Een wireframe voor de opzet van je website"
width="600" height="400" />
...

Resultaat:
Een wireframe voor de opzet van je website

Unieke attributen

src=”url Met src verwijs je naar het plaatje. Dus altijd met een extentie als .gif, .png, of .jpg. Dit attibuut heb je nodig andersis je img waardeloos.
alt=”tekst Geef hiermee een tekst weer die wordt getoond in bijvoorbeeld een niet-grafische browsers. Het is een alternatief voor het plaatje.
name=”naam Hiermee geef je het plaatje een unieke naam.
longdesc=”url Met dit attribuut verwijs je naar een document wanneer een plaatje meer tekst nodig heeft dan normaal. bijvoorbeeld bij een complexe grafiek die veel toelichting nodig heeft.
height=”getal en width=”getal Wanneer een plaatje wordt geladen is het handig om de breedte en de hoogte mee te geven. Dan kan de browser hier alvast rekening mee houden, voordat het plaatje verschijnt.
usemap=”imagemapnaam Een kaart kun je met een plaatje verbinden door usemap te gebruiken
ismap=”ismap Het laat de browser weten dat het plaatje een imagemap is.
align=”top” of “middle“, of “bottom“, of “left“, of “right“.Het uitlijnen van een plaatje ten opzichte van de voorgaande tekst of elementen naar boven, midden of onder, naar links of naar rechts.
border=”getal De dikte van de rand rondom het plaatje.

Standaardattributen
Alle elementen XHTML1.0 Strict

Als je dit een interessant artikel vond…

heb je vast ook interesse in mijn NIEUWSBRIEF!
Iedere week weer een nieuw ARTIKEL!

3 Reacties

Voeg toe →

  1. Leuk artikel
    Bedankt voor te posten

  2. Mooi artikel, zelfs nog zeer relevant in 2016!

  3. Beknopt en efficiënt. Een zeer nuttig artikel!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *