Ko ustvarjate spletno stran z uporabo HTML, se slikovna oznaka uporablja za vstavljanje fotografije ali grafike na določeno mesto na strani. Obstaja veliko načinov, kako se slike lahko uporabljajo na spletnih straneh, od dodajanja zanimanja do uporabe kot navigacijskega orodja ali za zagotavljanje informacij. Obstaja tudi več različnih formatov slik, ki jih je mogoče uporabiti. Ne glede na to, kako ali katera slika je dodana na spletno stran, je oznaka slike vedno potrebna.
Če želite dodati sliko, je oznaka slike vključena tam, kjer želite, da se slika prikaže na vaši strani. Če bi na primer za tem odstavkom vstavili sliko, bi bila oznaka slike oz , bi bil dodan v dokument HTML po tem odstavku. Oznaka definira vse slike v HTML. Imenuje se kot prazna oznaka, saj vsebuje atribute in nima zaključne oznake. Atributi so možnosti, ki so na voljo za določeno oznako HTML.
Če bi le so bili dodani v dokument HTML, se ne bi nič prikazalo, ker atributi oznake niso bili vključeni. Najpomembnejši atribut za je “src”, kar pomeni vir. Atribut src navaja, kje se slikovna datoteka dejansko nahaja, ali pa je naslov slikovne datoteke. Ker se slika uporablja na spletni strani, bo lokacija slike navedena kot URL. V dokumentu HTML bi slika izgledala takole: .
Natančneje, URL kaže na mesto, kjer je slika shranjena. Na primer, če bi bila slika računalnika z imenom datoteke computer.jpg shranjena v mapi s slikami na www.Razloženo.com, bi bil URL zamenjan z: . Ko brskalnik odpre spletno stran, prikaže sliko, kjer je vključena slikovna oznaka.
Oznaka slike ima številne druge različne lastnosti. Uporabniku omogočajo, da prilagodi, kako je slika videti na strani. Za to oznako se običajno uporabljajo naslednji atributi: alt, border, size in align.
Atribut alt pomeni nadomestno besedilo in je prikazan, če brskalnik ne more prikazati slike. Nadomestno besedilo se bere tudi za tiste uporabnike, ki imajo težave z vidom in se odločijo za prikaz besedila nad slikami. Za zgornji primer bi lahko nadomestno besedilo navedli kot alt=”slika računalnika”.
Atribut obrobe sliki doda obrobo z debelino, ki je odvisna od navedenega števila slikovnih pik. To je lahko še posebej koristno, če sta si ozadje slike in ozadje spletnega mesta podobni in je zaželeno jasno razlikovanje. Na primer, border=”10″ bo okoli slike postavil obrobo debeline 10 slikovnih pik.
Pomembni so tudi atributi velikosti, saj lahko širino in višino uporabite za določitev natančne velikosti slike. Te atribute je treba uporabljati zelo previdno, saj lahko njihova sprememba vpliva na razmerja ali kakovost prikazane slike. Atributi velikosti ne spremenijo dejanske datoteke, temveč samo to, kako jo brskalnik prikaže.
Atribut align določa, kako je slika poravnana v primerjavi z besedilom na strani. Za ta atribut je na voljo več različnih možnosti, vključno z zgornjim, spodnjim, srednjim, levim, desnim, absmiddle, absbottom, baseline in texttop. Te oznake tudi pomagajo določiti, kako je besedilo na strani poravnano s sliko.