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:
...
<img src="/wireframe.jpg" alt="Een wireframe voor de opzet van je website"
width="600" height="400" />
...
Resultaat:
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
Leuk artikel
Bedankt voor te posten
Mooi artikel, zelfs nog zeer relevant in 2016!
Beknopt en efficiënt. Een zeer nuttig artikel!
Leuk artikel! Bedankt om dit te delen.
Interessant! Bedankt om dit te schrijven