Syntaxe jazyka HTML umožňuje vytvářet hypertextové odkazy nejen textové, ale i grafické. Pro návštěvníka webu takový odkaz vypadá jako obrázek a po kliknutí na obrázek přejdete na jinou webovou stránku.
Instrukce
Krok 1
Pomocí libovolného grafického editoru obrázek zmenšete. Jeho velikost v žádné ze souřadnic by neměla přesáhnout 200 pixelů. Je lepší, když má obrázek vodorovné rozložení. Může to být například virtuální tlačítko, jehož nápis je vytvořen uměleckým písmem. Formát obrázku musí být jeden z následujících: JPG, PNG, GIF. První je preferován pro fotografie a zbývající dva jsou preferovány pro čárovou grafiku (toto je nejlepší komprese). Nezapomeňte uložit výsledek změny pod novým názvem, abyste nezkazili původní.
Krok 2
Nahrajte soubor obrázku na server ve složce, kde je umístěn soubor HTML. K provedení takového stahování můžete použít webové rozhraní (je-li k dispozici od poskytovatele hostingu) nebo libovolný klientský program FTP.
Krok 3
Umístěte následující fragment kódu na požadované místo v souboru HTML:, kde výraz za operátorem „href =“je adresa, na kterou odkaz vede, a someimage
Krok 4
U některých uživatelů je zobrazení obrázků v prohlížeči zakázáno. Proto je vhodné umístit vysvětlení, kam odkaz vede, přímo pod obrázek. V takovém případě upravte výše uvedený fragment kódu tak, aby vypadal takto:
Hmyz detailní. Pod obrázkem se objeví vysvětlující text. Kliknutím na něj přejdete také na odkaz.
Krok 5
Po nahrání aktualizované verze souboru HTML na server otevřete příslušnou stránku v prohlížeči a poté se ujistěte, že je obrázek zobrazen a odkaz je platný. Přechod podél něj by měl nastat, když kliknete jak na obrázek, tak na vysvětlující nápis pod ním (pokud existuje).
