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ä