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
Awesome!
Completion rate improved to 5
Kuvien 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!