Slike

Za prikaz slik v spletnih straneh uporabljamo značko <img /> in njen atribut src, ki kaže na vir (ang. Source) oziroma slikovno datoteko, ki jo želimo prikazati (Mrvar, b. d.). <img /> je samostojna značka, saj nima zaključne značke (element je prazen) (Anželj idr., 2015). 

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 />, kjer atribut width, nastavi širino slike, medtem ko height, pa višino slike. Če uporabimo samo enega izmed njiju, se bo slika sorazmerno pomanjšala ali povečala (Anželj idr., 2015). 

Poleg atributov width in height, je elementu <img /> priporočljivo dodati tudi atribut alt (ang. Alternative text), ki določa nadomestno besedilo prikazani sliki. To je posebej pomembno, ko brskalnik ne mora dostopati do slike in se v tem primeru izpiše nadomestno besedilo. Dani atribut ima tudi možnost pomoči obrazložitve slike spletnim brskalnikom ter je v veliko pomoč osebam s posebnimi potrebami (Anželj idr., 2015). 
 

Omenimo lahko tudi atribut title, ki vsebuje naslov oziroma naziv slike in v primeru, da je ta atribut nastavljen, se naziv slike prikaže, če se z miško postavimo na sliko in počakamo sekundo ali dve (Anželj idr., 2015). 

Vsebina na tej spletni strani vzeta po:

• Anželj, G., Bell, T., Brodnik, A., Čelan, M., Divjak, S., Krapež, A., Lasič, N., Lokar, M., Morgan, J., Newton, H. in Zver, R. (2015). RAČUNALNIŠTVO IN INFORMATIKA 2: E-učbenik za informatiko v gimnaziji. Koper : Založba Univerze na Primorskem ; Ljubljana : Založba Fakultete za računalništvo in informatiko ; Maribor : Fakulteta za elektrotehniko, računalništvo in informatiko https://anzeljg.github.io/rin2/book2/index.html