Finne og Legge til Bilder
Mål
La oss legge til noen bilder på nettstedet for å gjøre det mer attraktivt for brukerne. Hvordan kan vi gjøre dette? Vi kan finne bilder på kilder som Unsplash. Der kan vi søke etter ønsket tema, velge bildet, kopiere adressen og bruke det på nettstedet.
Steg
1. Søk etter ønsket tema
La oss besøke https://unsplash.com/. Skriv inn et tema som interesserer deg her.
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. Bruk av bilde
Vi kan lime inn den kopierte adressen i bildeattributtet src for å legge til det valgte bildet på nettstedet vårt. Vi bør også angi bildebredde for å sikre at det passer godt inn på nettsiden. I tillegg kan vi legge til beskrivende innhold for alt-attributtet eller bruke artikkeltittelen som alt for bildet.
Eksempel:
index.html
Resultat
index.html
index.css
Nettstedets tilstand
Videoveiledning
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 5Finne og Legge til Bilder
Sveip for å vise menyen
Mål
La oss legge til noen bilder på nettstedet for å gjøre det mer attraktivt for brukerne. Hvordan kan vi gjøre dette? Vi kan finne bilder på kilder som Unsplash. Der kan vi søke etter ønsket tema, velge bildet, kopiere adressen og bruke det på nettstedet.
Steg
1. Søk etter ønsket tema
La oss besøke https://unsplash.com/. Skriv inn et tema som interesserer deg her.
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. Bruk av bilde
Vi kan lime inn den kopierte adressen i bildeattributtet src for å legge til det valgte bildet på nettstedet vårt. Vi bør også angi bildebredde for å sikre at det passer godt inn på nettsiden. I tillegg kan vi legge til beskrivende innhold for alt-attributtet eller bruke artikkeltittelen som alt for bildet.
Eksempel:
index.html
Resultat
index.html
index.css
Nettstedets tilstand
Videoveiledning
Takk for tilbakemeldingene dine!
