15. HTML kuvat
HTML ruudun lukijat
Ruudun lukija on ohjelma joka lukee sokeille mitä ruudussa lukee.
Ruudun lukija ovat käteviä eritysesti sokeille, melkein sokeille sekä oppimisvaikeuksista kärsiville.
![]() |
Ruudun lukija osaa lukea alt atribuutin. |
---|
Esimerkki
<!DOCTYPE html>
<html>
<body>
<h2>Uskomaton vuorimaisema</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">
</body>
</html>
Aina muista tarkentaa kuvan korkeus ja leveys.
HTML kuvan kirjoitus
HTML kielessä, kuvat määritellään <img> tagilla.
<img> tagi on tyhjä se sisältää vain atribuutteja, ja ei ole lopetus tagia.
src atribuutti määrittelee www:n (nettiosoitteen) kuvalle:
<img src="url" alt="some_text">
alt Atribuutti
alt atribuutti määrittää vaihtoehtoisen tekstin kuvalle, jos kuvaa ei voida jostain syystä näyttää.
alt atribuutti tarjoaa vaihtoehtoisen informaation kuvalle jos käyttäjä ei voikkaan jostain syystä katsoa kuvaa (hitaan internet yhteyden takia errori virhe src atribuutissa).
Jos selain ei löydä kuvaa, se näyttää vaihtoehtoisen tekstin:
Esimerkki
<img src="wrongname.gif" alt="HTML5 Ikoni" style="width:128px;height:128px;">
Alt atribuutti vaaditaan. Se ei näy täydellisesti ilman sitä