Dodajanje slik na strani vaše spletne strani jih lahko pogosto naredijo bolj prijetne za oči in posredujejo informacije bolje kot samo besedilo. Ta proces se izvede z uporabo HTML kode in slikovne datoteke. Datoteka je lahko iz druge spletne strani ali shranjena na spletnem strežniku.

Uporabljati oznaka

V kodi HTML za spletno stran lahko dodate sliko z uporabo oznaka. V oznako, morate določiti štiri atribute:

• Src - Atribut izvor označuje lokacijo slike. Uporabite lahko relativno pot, če je slika na istem strežniku kot vaše spletno mesto, vendar pa slike z drugega mesta zahtevajo absolutne poti.
• Alt - Atribut nadomestnega besedila je pisni opis slike.
• Širina - širina slike.
• Višina - višina slike.

Neobvezni atribut je Obroba, ki vam omogoča, da določite obrobo okoli slike. Atribut obrobe je določen v velikosti pikslov. Na primer z uporabo border = 1 v oznaka pomeni, da je meja okoli slike široka 1 slikovni pik.

Opomba: atribut Border je v HTML5 opuščen in ni podprt.

Primeri

Naslednji primeri prikazujejo dejanski HTML, uporabljen za dodajanje slike na vrhu te strani. Lahko so vstavljeni kjerkoli v telesu strani. Prvi ima krajši URL, ker je slika shranjena na našem strežniku; druga je, kako bi povezali našo podobo.

Primer ena

Primer dva

Katere formate slik lahko uporabim na spletni strani?

Najpogostejši slikovni formati za slike, fotografije, logotipe in druge slike so JPEG, GIF in PNG. Drugi slikovni formati, ki niso široko podprti, na primer BMP, morda ne bodo delovali v vseh brskalnikih.

Ali potrebujem kotacije okoli atributov v oznaki img?

Da. Čeprav današnji brskalniki običajno lahko popravijo napake z manjkajočimi narekovaji okoli vrednosti atributa, morate vedno imeti narekovaje okoli vrednosti atributa, da preprečite napake.