Ko oseba ustvarja spletno stran, ki vsebuje sliko, slika dejansko ni vstavljena na stran s preostalimi informacijami. Za prikaz slik v spletu se namesto vdelave slike v stran uporablja povezava slike HTML. Če želite uporabiti povezavo do slike HTML, Oznaka HTML se uporablja za zagotavljanje informacij o tem, kje je slika shranjena in do katere je mogoče dostopati. To oznako je mogoče uporabiti z vsemi brskalniki in jo lahko uporabite za nalaganje vseh vrst slik, ki jih brskalniki podpirajo.
Uporaba sama oznaka ne zagotavlja nobenih informacij spletni strani, ki naj bi vsebovala sliko. Obstajata dva atributa, ki sta potrebna, da je povezava do slike HTML pravilno zapisana, tako da se slika naloži, ko se spletna stran naloži. Obstaja tudi več izbirnih atributov, ki jih je mogoče vključiti za zagotovitev dodatnih informacij. Atributa, ki sta potrebna za pisanje povezave do slike, sta src in alt.
Atribut src povezave slike HTML zagotavlja spletni naslov ali URL, kjer se slika nahaja. URL ima lahko eno od dveh oblik. Absolutni URL zagotavlja popoln spletni naslov, ki usmerja na sliko na drugem spletnem mestu. Primer vključitve absolutnega URL-ja za atribut src bi bil: src=”http://www.website.com/image.jpg” — kjer spletno mesto.com kaže na drugo spletno mesto in image.jpg kaže na določeno slika.
Druga možnost za URL v atributu src je napisati relativni URL. V primeru relativnega URL-ja spletni naslov zagotavlja povezavo do slike v istem imeniku spletnega mesta. Relativni URL je okrnjena različica absolutnega URL-ja, saj se slika nahaja na istem mestu kot spletna stran. Primeri atributa src z relativnim URL-jem so: src=”image.jpg” ali src=”images/image.jpg”. Edina razlika v teh primerih je, kje se nahaja slika, saj je v drugem primeru v mapi s slikami.
Drugi zahtevani atribut je alt, ki zagotavlja nadomestno besedilo za sliko. To ni besedilo, ki se prikaže, če uporabnik premakne miško nad sliko, ampak besedilo, ki se prikaže, če slike iz nekega razloga ni mogoče prikazati. Obstaja veliko razlogov, zakaj slika morda ni prikazana, vključno s primeri, ko je URL v atributu src napačen ali pokvarjen ali ko uporabnik z okvaro vida uporablja bralnik zaslona.
Najosnovnejša koda za povezavo do slike HTML bo videti nekako takole: . Od takrat oznaka nima končne oznake, pomembno je, da jo končate z />, da brskalnik ve, da se je navodilo končalo. Atribut src kaže na lokacijo za sliko, zato je pomembno zagotoviti, da povezave do drugih spletnih mest niso prekinjene in da se slike ne premikajo po imeniku spletnega mesta, ter da popravite povezave, ko se pojavijo težave.