Kuvien Käsittely HTML:ssä
Pyyhkäise näyttääksesi valikon
Kuvat parantavat verkkosivun visuaalista vetovoimaa ja auttavat tiedon välittämisessä. HTML:ssä kuvat lisätään käyttämällä <img>-tägiä.
Kuvien lisääminen
<img>-tägi on itsestään sulkeutuva ja vaatii vähintään kaksi attribuuttia:
src: kuvatiedoston sijainti;alt: vaihtoehtoinen teksti saavutettavuutta varten tai kun kuvaa ei voida ladata.
<img src="image.jpg" alt="Description of the image">
Kuvan attribuutit
src: kuvan polku tai URL (pakollinen);alt: varateksti ja saavutettavuuskuvaus;width: määrittää kuvan leveyden;height: määrittää kuvan korkeuden;title: näyttää työkaluvihjeen hiiren ollessa kuvan päällä.
index.html
<img>-elementti lisää kuvan verkkosivulle;src-attribuutti määrittää kuvatiedoston lähdeosoitteen;alt-attribuutti asettaa vaihtoehtoisen tekstin kuvalle;width-attribuutti määrittää kuvan leveyden;height-attribuutti määrittää kuvan korkeuden;title-attribuutti antaa lisätietoa kuvasta.
1. Mitä elementtiä käytetään kuvien lisäämiseen HTML-dokumenttiin?
2. Mikä attribuutti on pakollinen, jotta <img>-elementti näyttää kuvan?
3. Mitä alt-attribuutti tarjoaa kuvalle?
4. Mitä tapahtuu, jos src-attribuutissa määriteltyä kuvaa ei voida ladata?
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 16
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Osio 1. Luku 16