Kuvien Etsiminen ja Lisääminen
Tavoite
Lisätään kuvia verkkosivustolle, jotta siitä tulee houkuttelevampi käyttäjille. Miten tämä onnistuu? Kuvia voi etsiä esimerkiksi lähteestä kuten Unsplash. Siellä voi hakea halutun aiheen, valita kuvan, kopioida sen osoitteen ja käyttää sitä verkkosivustolla.
Vaiheet
1. Etsi haluttu aihe
Vieraile https://unsplash.com/. Kirjoita tähän mikä tahansa aihe, joka kiinnostaa.
2. Valitse kuva
Etsi kuva, josta pidät eniten, ja napsauta sitä.
3. Kopioi kuvan osoite
Kopioidaksesi kuvan osoitteen, napsauta kuvaa hiiren oikealla painikkeella ja valitse kontekstivalikosta "Kopioi kuvan osoite".
4. Kuvan käyttö
Voimme liittää kopioidun osoitteen kuvan src-attribuuttiin lisätäksemme valitun kuvan verkkosivustollemme. Kuvan leveyden määrittäminen varmistaa, että se sopii sivustolle hyvin. Lisäksi voimme antaa kuvaavampaa sisältöä alt-attribuuttiin tai käyttää artikkelin otsikkoa kuvan alt-kentässä.
Example:
index.html
Tulokset
index.html
index.css
Verkkosivuston tila
Videotutoriaali
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
How do I add an image to my website using the copied address?
Can you explain how to set the width and alt attributes for the image?
What should I do if the image doesn't display correctly on my website?
Awesome!
Completion rate improved to 5Kuvien Etsiminen ja Lisääminen
Pyyhkäise näyttääksesi valikon
Tavoite
Lisätään kuvia verkkosivustolle, jotta siitä tulee houkuttelevampi käyttäjille. Miten tämä onnistuu? Kuvia voi etsiä esimerkiksi lähteestä kuten Unsplash. Siellä voi hakea halutun aiheen, valita kuvan, kopioida sen osoitteen ja käyttää sitä verkkosivustolla.
Vaiheet
1. Etsi haluttu aihe
Vieraile https://unsplash.com/. Kirjoita tähän mikä tahansa aihe, joka kiinnostaa.
2. Valitse kuva
Etsi kuva, josta pidät eniten, ja napsauta sitä.
3. Kopioi kuvan osoite
Kopioidaksesi kuvan osoitteen, napsauta kuvaa hiiren oikealla painikkeella ja valitse kontekstivalikosta "Kopioi kuvan osoite".
4. Kuvan käyttö
Voimme liittää kopioidun osoitteen kuvan src-attribuuttiin lisätäksemme valitun kuvan verkkosivustollemme. Kuvan leveyden määrittäminen varmistaa, että se sopii sivustolle hyvin. Lisäksi voimme antaa kuvaavampaa sisältöä alt-attribuuttiin tai käyttää artikkelin otsikkoa kuvan alt-kentässä.
Example:
index.html
Tulokset
index.html
index.css
Verkkosivuston tila
Videotutoriaali
Kiitos palautteestasi!
