<img src="../../dummy/images/avatar.png" class="img-thumbnail" alt="Alternatieve tekst">
<img src="{{path source }}"{{#if modifier }} class="{{ modifier }}"{{/if}} alt="{{ alt }}">
source: /dummy/images/avatar.png
alt: Alternatieve tekst
modifier: img-thumbnail
Plaatst een afbeelding. Gebaseerd op de Bootstrap “Images” component
Afbeeldingen kunnen responsive-friendly worden gemaakt via het toevoegen van de .img-responsive class. Deze voegt ‘max-width 100%’, ‘height auto’ en ‘display block’ toe aan de afbeelding, zodat hij netjes met zijn parent meeschaalt.
Om afbeeldingen, die gebruik maken van .img-responsive, te centreren - gebruik .center-block in plaats van .text-center
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
<img src="../../dummy/images/avatar.png" alt="Alternatieve tekst">
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
<img src="../../dummy/images/avatar.png" alt="Alternatieve tekst">
Check that the title element describes the document.
<title>Image