Je velmi výhodné, když oblast aktivního odkazu není text, ale obrázek. Značkovací jazyk HTML toho dokáže celkem dobře. Vše, co je k tomu potřeba, je speciální kombinace značek.
Instrukce
Krok 1
Pokud jsou všechny soubory na serveru uloženy v jedné složce, napište následující kód HTML stránky:
‹A href=page.html› Kliknutím na tento odkaz se dostanete na jinou stránku v rámci webu ‹/a›
Krok 2
Naučte se, jak do HTML vložit odkazy na místní stránky umístěné na webech třetích stran:
‹A href= https://server.domain/folder/page.html› Kliknutím na tento odkaz se dostanete na stránku umístěnou na úplně jiném webu ‹/a›
Krok 3
Nyní se podívejte, jak vložit obrázky na stránku, které jsou uloženy na stejném serveru jako web, za předpokladu, že jsou všechny soubory na tomto serveru uloženy ve sdílené složce:
‹Img src = název souboru.jpg›
Krok 4
Stejným způsobem vložte na stránku obrázky uložené na serverech třetích stran:
‹Img src =
Pamatujte však, že některé servery neumožňují vkládat obrázky na stránky mimo ně, místo toho zobrazovat varovné spořiče obrazovky nebo nic nezobrazovat. V takových případech nekopírujte obrázek na místní server - došlo by k porušení autorských práv. Je lepší dát odkaz na tento obrázek.
Krok 5
Chcete-li kliknout na obrázek a následovat odkaz, zkombinujte tyto značky následujícím způsobem:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
V případě potřeby nahraďte v této konstrukci globální odkaz na stránku místním, nebo naopak místní odkaz na obrázek globálním.
Krok 6
Nakonec, pokud chcete, aby odkaz následoval kliknutím na obrázek i na text pod ním, použijte složitější konstrukci, jako je tato:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Budete přesměrováni na jinou stránku bez ohledu na to, zda kliknete na tento text nebo na text nad ním obrázek. Výsledek bude přesně stejný.
