Der er forskel på at indsætte et billede på en hjemmeside og gøre billedet til et klikbart link. Selvom HTML ligner, et link er afhængigt af et anker element, mens et billede bruger img element. Imidlertid kan et billede rede inde i et anker, hvilket gør det billede klikbart som et link.
Indsættelse af billeder i ankerelementer
En almindelig brug af et billedbaseret link er webstedets logo-grafik, som derefter linkes tilbage til webstedets hjemmeside.
Sådan placerer du et ikke-klikbart billede i HTML-dokumentet:
For at omdanne billedet til et link skal du tilføje ankerlinket, åbne ankerelementet før billedet og lukke ankeret efter billedet. Denne teknik svarer til, hvordan du linker tekst, bortset fra at du i stedet for at pakke ordene indpakker billedet:
Når du tilføjer denne type HTML til din side, skal du ikke placere mellemrum mellem ankertagget og billedtagget. Hvis du gør det, tilføjer nogle browsere små kryds ved siden af billedet, som ser mærkeligt ud.
Logoet fungerer nu også som en startside-knap, som stort set er en webstandard i disse dage.
Bemærk, at vi ikke inkluderer nogen visuelle stilarter, såsom bredden og højden på billedet, i vores HTML-markering. Vi overlader disse visuelle stilarter til CSS og opretholder en ren adskillelse af HTML-struktur og CSS-stilarter.