Sliko vstavimo v dokument s pomočjo elementa img. To je element brez vsebine, torej moramo paziti, da ga primerno zaključimo. Element img je vrstični element, kar pomeni, da se slika v dokumentu obnaša kot en velik znak. Če želimo večjo sliko prikazati samostojno, jo moramo zapisati v odstavku. Element img ima nekaj pomembnih lastnosti:
Z lastnostjo src določimo naslov slike (ime datoteke). Če se slika nahaja v isti mapi kot spletna stran, je za vrednost lastnosti dovolj napisati samo ime datoteke, kako se sestavi naslov datoteke, ki se nahaja kje drugje (v drugi mapi, na drugem strežniku), pa je podrobneje opisano v poglavju o aktivnih povezavah. Slika mora biti zapisana na datoteki oblike GIF, JPG ali PNG.
Z lastnostma width (širina) in height (višina) določimo velikost pravokotnega področja, namenjenega prikazu slike. Če velikosti ne predpišemo, bo slika prikazana v njeni originalni velikosti (kot je zapisano na datoteki). Če podamo samo širino ali samo višino, bo slika tako široka oziroma visoka, kot smo zahtevali, pri čemer bo razmerje med njeno širino in višino ohranjeno (slika ne bo popačena). Če pa podamo širino in višino, bo prikazana slika točno tako velika, kot smo zahtevali (pri tem se lahko slika tudi popači). Priporočljivo je, da vedno podamo obe dimenziji slike. Samo tako bo brskalnik lahko že med nalaganjem strani rezerviral dovolj velik prostor, kjer bo kasneje prikazal sliko.
Z lastnostjo alt na kratko opišemo, kaj se nahaja na sliki. Opis slike se prikaže, če pregledovalnik slike ne more prikazati (prikaže se namesto slike).
<img src="smesko.png" alt="Smeško originalne velikosti" /> <img src="smesko.png" width="70" alt="Smeško širine 70" /> <img src="smesko.png" height="200" alt="Smeško višine 200" /> <img src="smesko.png" width="70" height="200" alt="Smeško širine 70 in višine 200" /> <img src="smesko.png" width="200" height="70" alt="Smeško širine 200 in višine 70" />
Uvod
