Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Finne og Legge til Bilder | Bygge Bloggnettstedet
Quizzes & Challenges
Quizzes
Challenges
/
Webutvikling med ChatGPT

bookFinne og Legge til Bilder

Mål

Legg til bilder på nettstedet for å gjøre det mer attraktivt for brukerne. Hvordan kan dette gjøres? Bilder kan finnes på kilder som Unsplash. Der kan ønsket tema søkes opp, bildet velges, adressen kopieres og brukes på nettstedet.

Steg

1. Søk etter ønsket tema

Besøk https://unsplash.com/. Skriv inn et tema som interesserer deg.

2. Velg bildet

Finn bildet du liker best og klikk på det.

3. Kopier bildeadresse

For å kopiere bildeadressen, høyreklikk på bildet og velg "Kopier bildeadresse" fra hurtigmenyen.

4. Bildebruk

Vi kan lime inn den kopierte adressen i bildefeltet src for å legge til det valgte bildet på nettsiden vår. Det er også lurt å angi bildets bredde for å sikre at det passer godt inn på nettsiden. I tillegg kan vi legge til beskrivende innhold for alt-attributtet, eller bruke artikkeltittelen som bilde-alt.

Eksempel:

index.html

index.html

copy

Resultat

index.html

index.html

index.css

index.css

copy

Nettstedets tilstand

Videoveiledning

question mark

Etter å ha funnet et bilde på Unsplash og valgt "Kopier bildeadresse", hva skal du gjøre med denne adressen i HTML-en din?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

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

bookFinne og Legge til Bilder

Sveip for å vise menyen

Mål

Legg til bilder på nettstedet for å gjøre det mer attraktivt for brukerne. Hvordan kan dette gjøres? Bilder kan finnes på kilder som Unsplash. Der kan ønsket tema søkes opp, bildet velges, adressen kopieres og brukes på nettstedet.

Steg

1. Søk etter ønsket tema

Besøk https://unsplash.com/. Skriv inn et tema som interesserer deg.

2. Velg bildet

Finn bildet du liker best og klikk på det.

3. Kopier bildeadresse

For å kopiere bildeadressen, høyreklikk på bildet og velg "Kopier bildeadresse" fra hurtigmenyen.

4. Bildebruk

Vi kan lime inn den kopierte adressen i bildefeltet src for å legge til det valgte bildet på nettsiden vår. Det er også lurt å angi bildets bredde for å sikre at det passer godt inn på nettsiden. I tillegg kan vi legge til beskrivende innhold for alt-attributtet, eller bruke artikkeltittelen som bilde-alt.

Eksempel:

index.html

index.html

copy

Resultat

index.html

index.html

index.css

index.css

copy

Nettstedets tilstand

Videoveiledning

question mark

Etter å ha funnet et bilde på Unsplash og valgt "Kopier bildeadresse", hva skal du gjøre med denne adressen i HTML-en din?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 5
some-alt