Vrlo je zgodno kada područje aktivne veze nije tekst, već slika. HTML jezik za označavanje je sasvim sposoban za to. Za ovo je potrebno samo kombinirati oznake na poseban način.
Instrukcije
Korak 1
Ako su sve datoteke na serveru pohranjene u jednoj mapi, napišite sljedeći HTML-kod stranice:
‹Href=page.html› Klikom na ovaj link odvest ćete na drugu stranicu unutar stranice ‹/a›
Korak 2
Naučite kako u svoj HTML ugraditi veze do lokalnih stranica koje se nalaze na web lokacijama trećih strana:
‹Href=https://server.domain/folder/page.html› Klikom na ovaj link doći ćete do stranice koja se nalazi na potpuno drugoj stranici ‹/a›
Korak 3
Sada provjerite kako na stranicu umetnuti slike koje su pohranjene na istom serveru kao i stranica, pod uvjetom da su sve datoteke na tom serveru pohranjene u dijeljenu mapu:
‹Img src = filename.jpg›
Korak 4
Na isti način na stranicu umetnite slike pohranjene na nezavisnim serverima:
‹Img src =
Međutim, imajte na umu da neki serveri ne dopuštaju umetanje slika na stranice izvan njih, umjesto toga prikazuju čuvare zaslona sa upozorenjem ili ne prikazuju ništa. U takvim slučajevima nemojte kopirati sliku na lokalni server - to će predstavljati kršenje autorskih prava. Bolje je dati link do ove slike.
Korak 5
Da biste kliknuli na sliku da biste slijedili vezu, kombinirajte ove oznake na sljedeći način:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Ako želite, u ovoj konstrukciji zamijenite globalnu vezu do stranice lokalnom ili, obratno, lokalnu vezu do slike globalnom.
Korak 6
Na kraju, ako želite da vezu slijedi klikom na sliku i tekst ispod nje, upotrijebite složeniju konstrukciju poput ove:
‹Href=https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Bit ćete preusmjereni na drugu stranicu bez obzira kliknete li na ovaj ili na onu iznad njega slika. Rezultat će biti potpuno isti.
