Slike lahko izboljšajo videz spletne strani tako, da razbijejo besedilo in dodajo vizualno zanimanje. Slike, ki so vidne na spletni strani, so dejansko povezave do notranje ali oddaljene slike. Z drugimi besedami, slike so druga datoteka, bodisi na istem strežniku kot spletna stran bodisi na oddaljenem strežniku. Če želite sliko postaviti na spletno stran, morate brskalniku povedati, kje jo najti. Te informacije so v ""tag z atributom" src ".
Ustvarjanje slike
Če je vaša slika na spletnem strežniku, ki gosti vašo spletno stran, lahko samo dodate njeno sliko v oznako, na primer: Če je vaša slika na oddaljenem strežniku, morate povezavo do slike oznaka, kot je:
Ne glede na to, ali uporabljate lokalno ali oddaljeno sliko, obstaja nekaj atributov, s katerimi lahko sliko poravnate na strani. Atribut "align" se uporablja za vodoravno poravnavo slike. Vrednosti so lahko "desno", "levo" ali sredinsko. Če bi na primer postavili oddaljeno sliko na desno stran strani, bi bila koda HTML:
Atribut "valign" se uporablja za poravnavo slike navpično na zaslonu. Vrednosti so lahko "zgoraj", "spodaj" in "na sredini". Za poravnavo zgornjega primera na zgornji desni strani zaslona bi bila koda:
Drug atribut je atribut "alt". S tem se besedilo postavi tja, kjer naj bo slika, če obiskovalec uporablja besedilni spletni brskalnik ali če je povezava do slike prekinjena. Atribut "alt" se uporablja na naslednji način:
Na koncu lahko sliko dodate tako, da postane hiperpovezava, tako da dodate oznako "". To obiskovalcem omogoča, da kliknejo sliko, ki jo bodo odnesli na oddaljeno stran ali na samo fotografijo. Koda HTML za ustvarjanje slike s hiperpovezavo je:
