De syntaxis van de HTML-taal stelt u in staat om hyperlinks niet alleen tekstueel, maar ook grafisch te maken. Voor een sitebezoeker ziet zo'n link eruit als een afbeelding en wanneer u op de afbeelding klikt, gaat u naar een andere webpagina.
instructies:
Stap 1
Gebruik een willekeurige grafische editor om de afbeelding te verkleinen. De grootte in een van de coördinaten mag niet groter zijn dan 200 pixels. Het is beter als de afbeelding een horizontale lay-out heeft. Dit kan bijvoorbeeld een virtuele knop zijn, waarop de inscriptie is aangebracht in een artistiek lettertype. Het afbeeldingsformaat moet een van de volgende zijn: JPG, PNG, GIF. De eerste heeft de voorkeur voor foto's en de overige twee hebben de voorkeur voor lijntekeningen (dit is de beste compressie). Zorg ervoor dat u het resultaat van de wijziging onder een nieuwe naam opslaat om het origineel niet te bederven.
Stap 2
Upload het afbeeldingsbestand naar de server in de map waar het HTML-bestand zich bevindt. Om een dergelijke download uit te voeren, kunt u de webinterface gebruiken (indien beschikbaar bij de hostingprovider) of een willekeurig FTP-clientprogramma.
Stap 3
Plaats het volgende codefragment op de gewenste plaats in het HTML-bestand: waarbij de uitdrukking na de operator "href =" het adres is waar de link naartoe leidt, en someimage
Stap 4
Voor sommige gebruikers is de weergave van afbeeldingen in de browser uitgeschakeld. Het is daarom aan te raden om direct onder de afbeelding een uitleg te plaatsen waar de link naar toe leidt. Pas in dat geval het bovenstaande codefragment aan zodat het er als volgt uitziet:
Insecten close-up. Er verschijnt een verklarende tekst onder de afbeelding. Als u erop klikt, gaat u ook naar de link.
Stap 5
Nadat u de bijgewerkte versie van het HTML-bestand naar de server hebt geüpload, opent u de bijbehorende pagina in de browser en controleert u of de afbeelding wordt weergegeven en dat de link geldig is. De overgang erlangs zou moeten plaatsvinden wanneer u zowel op de afbeelding als op de verklarende inscriptie eronder klikt (indien aanwezig).
