Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Työskentely Kuvien Kanssa | Työskentely Median ja Taulukoiden Kanssa
HTML:n Perusteet

bookHaaste: Työskentely Kuvien Kanssa

Tavoite

Harjoittele absoluuttisen polun käyttöä kuvien lisäämisessä HTML:ään.

Tehtävä

Varmista, että ensimmäisen kuvan src-attribuutti käyttää absoluuttista polkua. Löydät kuvan täältä:

Hyödynnä absoluuttista polkua toisen kuvan src-attribuutissa. Pääset kuvaan täältä:

Määritä sopiva alt-attribuutin arvo molemmille kuville. Muista, että alt-arvo on olennainen kontekstin tarjoamiseksi, jos kuvat eivät lataudu tai käyttäjät hyödyntävät ruudunlukijoita.

index.html

index.html

copy
  1. Käytä img-tägiä kuvan määrittämiseen.
  2. Käytä src-attribuuttia kuvan sijainnin määrittämiseen.
  3. Käytä alt-attribuuttia antaaksesi kuvaava teksti kuvalle.
  4. Voit käyttää width-attribuuttia kuvan leveyden määrittämiseen.
  5. Voit käyttää height-attribuuttia kuvan korkeuden määrittämiseen.
index.html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

bookHaaste: Työskentely Kuvien Kanssa

Pyyhkäise näyttääksesi valikon

Tavoite

Harjoittele absoluuttisen polun käyttöä kuvien lisäämisessä HTML:ään.

Tehtävä

Varmista, että ensimmäisen kuvan src-attribuutti käyttää absoluuttista polkua. Löydät kuvan täältä:

Hyödynnä absoluuttista polkua toisen kuvan src-attribuutissa. Pääset kuvaan täältä:

Määritä sopiva alt-attribuutin arvo molemmille kuville. Muista, että alt-arvo on olennainen kontekstin tarjoamiseksi, jos kuvat eivät lataudu tai käyttäjät hyödyntävät ruudunlukijoita.

index.html

index.html

copy
  1. Käytä img-tägiä kuvan määrittämiseen.
  2. Käytä src-attribuuttia kuvan sijainnin määrittämiseen.
  3. Käytä alt-attribuuttia antaaksesi kuvaava teksti kuvalle.
  4. Voit käyttää width-attribuuttia kuvan leveyden määrittämiseen.
  5. Voit käyttää height-attribuuttia kuvan korkeuden määrittämiseen.
index.html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 2
some-alt