Det er en forskjell mellom å sette inn et bilde på en nettside og gjøre det bildet til en klikkbar lenke. Selv om HTML er lik, en lenke er avhengig av en anker elementet mens et bilde bruker img element. Imidlertid kan et bilde hekke i et anker, noe som gjør det bildet klikkbart som en lenke.
Sette inn bilder i ankerelementer
En vanlig bruk av en bildebasert lenke er nettstedets logografikk, som deretter lenkes tilbake til nettstedets hjemmeside.
Slik plasserer du et ikke-klikkbart bilde i HTML-dokumentet:
For å forvandle bildet til en lenke, legg til ankerlenken, åpne ankerelementet før bildet og lukk ankeret etter bildet. Denne teknikken ligner på hvordan du lenker tekst, bortsett fra at i stedet for å pakke inn ordene, pakker du inn bildet:
Når du legger til denne typen HTML på siden din, må du ikke plassere mellomrom mellom ankerkoden og bildekoden. Hvis du gjør det, vil noen nettlesere legge til små flått ved siden av bildet, som vil se rart ut.
Logoen fungerer nå også som en startside-knapp, som er ganske mye en nettstandard i disse dager.
Legg merke til at vi ikke inkluderer noen visuelle stiler, for eksempel bredden og høyden på bildet, i vår HTML-markering. Vi vil overlate disse visuelle stilene til CSS og opprettholde en ren skille mellom HTML-struktur og CSS-stiler.