Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Afbeeldingen Zoeken en Toevoegen | Het Bouwen van de Blogwebsite
Webontwikkeling met ChatGPT

bookAfbeeldingen Zoeken en Toevoegen

Doel

Voeg afbeeldingen toe aan de website om deze aantrekkelijker te maken voor gebruikers. Hoe kan dit worden gedaan? Afbeeldingen kunnen worden gevonden op bronnen zoals Unsplash. Hier kan naar het gewenste onderwerp worden gezocht, de afbeelding worden geselecteerd, het adres worden gekopieerd en op de website worden gebruikt.

Stappen

1. Zoek naar het gewenste onderwerp

Bezoek https://unsplash.com/. Voer hier elk onderwerp in dat interessant is.

2. Selecteer de afbeelding

Zoek de afbeelding die u het meest aanspreekt en klik erop.

3. Afbeeldingsadres kopiëren

Klik met de rechtermuisknop op de afbeelding en selecteer "Afbeeldingsadres kopiëren" in het contextmenu om het adres te kopiëren.

4. Afbeeldingsgebruik

Het gekopieerde adres kan in het src-attribuut van de afbeelding worden geplakt om de geselecteerde afbeelding aan de website toe te voegen. Het is aan te raden om ook de breedte van de afbeelding te specificeren, zodat deze goed op de website past. Daarnaast kan beschrijvende inhoud voor het alt-attribuut worden opgegeven of de titel van het artikel worden gebruikt als alt-tekst voor de afbeelding.

Voorbeeld:

index.html

index.html

copy

Resultaat

index.html

index.html

index.css

index.css

copy

Website Status

Videotutorial

question mark

Nadat je een afbeelding op Unsplash hebt gevonden en "Afbeeldingsadres kopiëren" hebt gekozen, wat moet je dan met dat adres doen in je HTML?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 5

Vraag AI

expand

Vraag AI

ChatGPT

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

Suggested prompts:

How do I add an image to my website using the copied address?

Can you explain how to set the image width and alt attributes?

What should I do if the image doesn't display correctly on my website?

Awesome!

Completion rate improved to 5

bookAfbeeldingen Zoeken en Toevoegen

Veeg om het menu te tonen

Doel

Voeg afbeeldingen toe aan de website om deze aantrekkelijker te maken voor gebruikers. Hoe kan dit worden gedaan? Afbeeldingen kunnen worden gevonden op bronnen zoals Unsplash. Hier kan naar het gewenste onderwerp worden gezocht, de afbeelding worden geselecteerd, het adres worden gekopieerd en op de website worden gebruikt.

Stappen

1. Zoek naar het gewenste onderwerp

Bezoek https://unsplash.com/. Voer hier elk onderwerp in dat interessant is.

2. Selecteer de afbeelding

Zoek de afbeelding die u het meest aanspreekt en klik erop.

3. Afbeeldingsadres kopiëren

Klik met de rechtermuisknop op de afbeelding en selecteer "Afbeeldingsadres kopiëren" in het contextmenu om het adres te kopiëren.

4. Afbeeldingsgebruik

Het gekopieerde adres kan in het src-attribuut van de afbeelding worden geplakt om de geselecteerde afbeelding aan de website toe te voegen. Het is aan te raden om ook de breedte van de afbeelding te specificeren, zodat deze goed op de website past. Daarnaast kan beschrijvende inhoud voor het alt-attribuut worden opgegeven of de titel van het artikel worden gebruikt als alt-tekst voor de afbeelding.

Voorbeeld:

index.html

index.html

copy

Resultaat

index.html

index.html

index.css

index.css

copy

Website Status

Videotutorial

question mark

Nadat je een afbeelding op Unsplash hebt gevonden en "Afbeeldingsadres kopiëren" hebt gekozen, wat moet je dan met dat adres doen in je HTML?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 5
some-alt