Syntax jazyka HTML umožňuje vytvárať hypertextové odkazy nielen textové, ale aj grafické. Pre návštevníka stránky taký odkaz vyzerá ako obrázok a po kliknutí na tento obrázok prejde na inú webovú stránku.
Inštrukcie
Krok 1
Obrázok zmenšíte pomocou ľubovoľného grafického editora. Jeho veľkosť v žiadnej zo súradníc by nemala presiahnuť 200 pixelov. Lepšie je, ak má obrázok vodorovné rozloženie. Môže to byť napríklad virtuálne tlačidlo, ktorého nápis je vyrobený umeleckým písmom. Formát obrázka musí byť jeden z nasledujúcich: JPG, PNG, GIF. Prvý je uprednostňovaný pre fotografie a zvyšné dva sú preferované pre čiarovú grafiku (toto je najlepšia kompresia). Výsledok zmeny nezabudnite uložiť pod novým názvom, aby ste nepokazili pôvodný.
Krok 2
Nahrajte obrazový súbor na server v priečinku, kde je umiestnený súbor HTML. Na uskutočnenie takéhoto stiahnutia môžete použiť webové rozhranie (ak je dostupné od poskytovateľa hostingu) alebo akýkoľvek klientský program FTP.
Krok 3
Vložte nasledujúci útržok kódu na požadované miesto v súbore HTML:, kde výraz za operátorom „href =“je adresa, na ktorú odkaz vedie, a someimage
Krok 4
Pre niektorých používateľov je zobrazovanie obrázkov v prehliadači zakázané. Preto je vhodné priamo pod obrázkom umiestniť vysvetlenie, kam odkaz vedie. V takom prípade upravte uvedený útržok kódu tak, aby vyzeral takto:
Hmyz detailný. Pod obrázkom sa objaví vysvetľujúci text. Kliknutím na ňu sa dostanete aj na odkaz.
Krok 5
Po nahraní aktualizovanej verzie súboru HTML na server otvorte príslušnú stránku v prehliadači a potom sa uistite, že je zobrazený obrázok a odkaz je platný. Prechod pozdĺž nej by mal nastať, keď kliknete na obrázok aj na vysvetľujúci nápis pod ním (ak existujú).
