Documentation

Elements

<img>

Date:

17/08/2022
Modified:

22/05/2026
Category:

Elements

The <img> element embeds an image into a page. The element contains a reference to an image file.

See figure and figureGroup for examples.
See Pictograms for more information about how to process images that are pictograms.
See Images for information about the image file.

Notes

Use <figure> as a container for an image if there is information present that is linked to the image (like caption, title, description). If the image needs to span the entire width of it’s parent container, use <figure> as well.

Children elements

Element	Explanation	Required
`<altRepresentation>`	See altRepresentation.	No

Attributes

Name	Explanation	Required
`alt`	The `alt` attribute provides an alternative text for the image. Follow the method-specific instructions when adding this text. For QR codes, use the URL as the alt text. For all other images, leave the `alt` attribute empty.	Yes
`role`	Defines the purpose of the image. Use value `informative` unless otherwise stated on the method-specific page.	Yes
`src`	Refers to the location of the image file. For example: `src="/img/320066_p009-1.jpg"`. For naming image files, see Image format.	Yes
`type`	Choose the value that best describes the main purpose of the image. `cartoon`. A humorous or satirical drawing, often featuring characters and sometimes speech bubbles. `chart`. A graph that shows numerical data using axes (e.g., bar, line, or pie chart). `diagram`. A schematic that explains a process, structure, or relationship using arrows, lines, or blocks. `drawing`. An illustration or line drawing of an object, person, or situation. `formula`. An image showing a mathematical or chemical formula or equation. `infographic`. A visual explanation that combines text, icons, and numbers to summarize information. `map`. A representation of geographic locations, regions, or routes. `painting`. A painted artwork (e.g., oil painting, watercolor). `photo`. A realistic image of the real world captured with a camera or scan. `pictogram`. A simple symbol or icon representing an object or concept. See Pictograms. `qrcode`. A two-dimensional barcode that stores information such as links or text and can be scanned with a camera or QR reader. `screenshot`. An image captured directly from a digital screen (e.g., computer), often showing a complex assignment or task exactly as presented on screen. `timeline`. A visualization of events arranged in chronological order along a time axis.	No

Examples

QR code

<assessment>
  <title number="16">16 Kijken en luisteren naar een reclame</title>
  <indicators><img alt="kijken" role="informative" src="/img/374325_kijken.jpg" type="pictogram"/><img alt="luisteren" role="informative" src="/img/374325_luisteren.jpg" type="pictogram"/></indicators>
  <p>Neem de vragen door. Kijk en luister daarna aandachtig naar het fragment <em fontStyles="italic">Kom in actie voor de tijger</em>.</p>
  <figure>
    <img alt="[insertURLfromQRcode]" role="informative" src="/img/374325_p048-1.jpg" type="qrcode"/>
  </figure>
  <p><em fontStyles="bold">a</em> Wat is het onderwerp?</p>
  <p>Gebruik maximaal vijf woorden. <input id="123123" type="text"/></p>
  <p><em fontStyles="bold">b</em> Het fragment start met de volgende zin: <em fontStyles="italic">De tijger, de enige echte koning van de jungle</em>.</p>
  <p>Is deze uitspraak een feit of een mening?</p>
  <p>Leg je antwoord uit.</p>
  <p><input type="text"/></p>
</assessment>

Date:

17/08/2022
Modified:

22/05/2026
Category:

Elements

Print article