Osnove HTML

Element <img /> privzeto uporablja podedovane dimenzije slikovne datoteke. Če želimo sliko pomanjšati ali povečati, lahko uporabimo atribut width in/ali height elementa <img />.

Atribut width nastavi širino slike, atribut height pa višino slike. Če nastavimo samo enega izmed njiju, se bo slika sorazmerno povečala ali zmanjšala. Če definiramo oba atributa, pa se bo slika ustrezno raztegnila. Vrednosti obeh atributov so določene v pikslih, zato vrednosti atributov ne smejo vključevati enote (npr. width='75px' bi bilo napačno).

Atributa sta lahko uporabna, vendar je običajno bolje nastaviti dimenzije slike s CSS, tako da jih lahko spreminjamo z medijskimi poizvedbami (ang. media query).

Elementom <img /> je priporočljivo dodati tudi atribut alt, ki določa »nadomestno besedilo« (ang. »text alternative«) prikazani sliki. To vpliva na položaj spletne strani med zadetki iskanja, kot tudi na uporabnike, ki uporabljajo le besedilne spletne brskalnike (npr. osebe, ki uporabljajo programsko opremo za pretvorbo besedila v govor zaradi okvare vida). Spletni brskalnik prikaže nadomestno besedilo tudi, če slika, na katero se sklicuje element <img /> ne obstaja ali pa je sklic napačen.

Koristen pa je tudi atribut title, ki vsebuje naslov oziroma naziv slike. Naslov slike, če je vrednost tega atributa nastavljena, se prikaže, če se miško postavimo na sliko in nekaj trenutkov počakamo. Ta atribut lahko nastavimo tudi drugim elementom.