Leer Werken met Afbeeldingen in HTML

Afbeeldingen verbeteren de visuele aantrekkingskracht van een webpagina en helpen bij het overbrengen van informatie. In HTML worden afbeeldingen toegevoegd met de <img>-tag.

Afbeeldingen invoegen

De <img>-tag is zelfsluitend en vereist minimaal twee attributen:

src: de locatie van het afbeeldingsbestand;
alt: alternatieve tekst voor toegankelijkheid of wanneer de afbeelding niet kan worden geladen.

<img src="image.jpg" alt="Description of the image">

Afbeeldingsattributen

src: pad of URL van de afbeelding (verplicht);
alt: vervangende tekst en toegankelijkheidsbeschrijving;
width: stelt de breedte van de afbeelding in;
height: stelt de hoogte van de afbeelding in;
title: toont een tooltip bij mouse-over.

index.html

De <img>-tag voegt een afbeelding toe aan een webpagina;
Het src-attribuut specificeert de bron-URL van het afbeeldingsbestand;
Het alt-attribuut stelt de alternatieve tekst voor de afbeelding in;
Het width-attribuut stelt de breedte van de afbeelding in;
Het height-attribuut stelt de hoogte van de afbeelding in;
Het title-attribuut geeft extra informatie over de afbeelding.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 1

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain more about the difference between using local and online images?

What happens if I don't include the alt attribute in my image tag?

How do I make sure my images are responsive on different devices?

Veeg om het menu te tonen

Afbeeldingen verbeteren de visuele aantrekkingskracht van een webpagina en helpen bij het overbrengen van informatie. In HTML worden afbeeldingen toegevoegd met de <img>-tag.

Afbeeldingen invoegen

De <img>-tag is zelfsluitend en vereist minimaal twee attributen:

src: de locatie van het afbeeldingsbestand;
alt: alternatieve tekst voor toegankelijkheid of wanneer de afbeelding niet kan worden geladen.

<img src="image.jpg" alt="Description of the image">

Afbeeldingsattributen

src: pad of URL van de afbeelding (verplicht);
alt: vervangende tekst en toegankelijkheidsbeschrijving;
width: stelt de breedte van de afbeelding in;
height: stelt de hoogte van de afbeelding in;
title: toont een tooltip bij mouse-over.

index.html

De <img>-tag voegt een afbeelding toe aan een webpagina;
Het src-attribuut specificeert de bron-URL van het afbeeldingsbestand;
Het alt-attribuut stelt de alternatieve tekst voor de afbeelding in;
Het width-attribuut stelt de breedte van de afbeelding in;
Het height-attribuut stelt de hoogte van de afbeelding in;
Het title-attribuut geeft extra informatie over de afbeelding.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 1

Werken met Afbeeldingen in HTML

Afbeeldingen invoegen

Afbeeldingsattributen

1. Welke tag wordt gebruikt om afbeeldingen in een HTML-document in te voegen?

2. Welke attribuut is vereist voor de `<img>`-tag om de afbeelding weer te geven?

3. Wat biedt het `alt`-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het `src`-attribuut niet kan worden geladen?

Werken met Afbeeldingen in HTML

Afbeeldingen invoegen

Afbeeldingsattributen

1. Welke tag wordt gebruikt om afbeeldingen in een HTML-document in te voegen?

2. Welke attribuut is vereist voor de `<img>`-tag om de afbeelding weer te geven?

3. Wat biedt het `alt`-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het `src`-attribuut niet kan worden geladen?

Werken met Afbeeldingen in HTML

Afbeeldingen invoegen

Afbeeldingsattributen

1. Welke tag wordt gebruikt om afbeeldingen in een HTML-document in te voegen?

2. Welke attribuut is vereist voor de <img>-tag om de afbeelding weer te geven?

3. Wat biedt het alt-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het src-attribuut niet kan worden geladen?

Werken met Afbeeldingen in HTML

Afbeeldingen invoegen

Afbeeldingsattributen

1. Welke tag wordt gebruikt om afbeeldingen in een HTML-document in te voegen?

2. Welke attribuut is vereist voor de <img>-tag om de afbeelding weer te geven?

3. Wat biedt het alt-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het src-attribuut niet kan worden geladen?

2. Welke attribuut is vereist voor de `<img>`-tag om de afbeelding weer te geven?

3. Wat biedt het `alt`-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het `src`-attribuut niet kan worden geladen?

2. Welke attribuut is vereist voor de `<img>`-tag om de afbeelding weer te geven?

3. Wat biedt het `alt`-attribuut voor een afbeelding?

4. Wat gebeurt er als de afbeelding die is opgegeven in het `src`-attribuut niet kan worden geladen?