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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
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 je het mooist vindt en klik erop.

3. Kopieer het afbeeldingsadres

Klik met de rechtermuisknop op de afbeelding en kies "Afbeeldingsadres kopiëren" in het contextmenu.

4. Afbeeldingsgebruik

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

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?

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 je het mooist vindt en klik erop.

3. Kopieer het afbeeldingsadres

Klik met de rechtermuisknop op de afbeelding en kies "Afbeeldingsadres kopiëren" in het contextmenu.

4. Afbeeldingsgebruik

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

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