Je veľmi výhodné, keď oblasť aktívneho odkazu nie je text, ale obrázok. Značkovací jazyk HTML je toho celkom schopný. Všetko, čo je potrebné, je špeciálnym spôsobom kombinovať značky.
Inštrukcie
Krok 1
Ak sú všetky súbory na serveri uložené v jednom priečinku, napíšte nasledujúci HTML kód stránky:
‹A href=page.html› Kliknutím na tento odkaz sa dostanete na inú stránku v rámci webu ‹/a›
Krok 2
Naučte sa, ako vložiť odkazy na miestne stránky umiestnené na webových stránkach tretích strán do vášho kódu HTML:
‹A href= https://server.domain/folder/page.html› Kliknutím na tento odkaz sa dostanete na stránku umiestnenú na úplne inej stránke ‹/a›
Krok 3
Teraz skontrolujte, ako vložiť obrázky na stránku, ktoré sú uložené na rovnakom serveri ako web, za predpokladu, že všetky súbory na tomto serveri sú uložené v zdieľanom priečinku:
‹Img src = názov súboru.jpg›
Krok 4
Rovnakým spôsobom vložte na stránku obrázky uložené na serveroch tretích strán:
‹Img src =
Nezabudnite však, že niektoré servery neumožňujú vkladanie obrázkov na stránky mimo nich, ktoré by namiesto toho zobrazovali varovné šetriče obrazovky alebo nič. V takom prípade nekopírujte obrázok na lokálny server - došlo by k porušeniu autorských práv. Je lepšie uviesť odkaz na tento obrázok.
Krok 5
Ak chcete kliknúť na obrázok a sledovať odkaz, skombinujte tieto značky nasledovne:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Ak je to potrebné, nahraďte v tejto konštrukcii globálny odkaz na stránku miestnym alebo naopak miestny odkaz na obrázok globálnym.
Krok 6
Nakoniec, ak chcete, aby odkaz nasledoval po kliknutí na obrázok aj na text pod ním, použite zložitejšiu konštrukciu, ako je táto:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Budete presmerovaní na inú stránku bez ohľadu na to, či kliknete na tento text alebo na text nad ním obrázok. Výsledok bude úplne rovnaký.
