Hvordan lenke et bilde til en webside i HTML

HTML hyperkoblinger aktivere omdirigering til et annet HTML-dokument i eller utenfor ditt nettsted når brukeren klikker det. Bruk av bildet for å huse linkene gir dine besøkende med en tiltalende og brukervennlig måte å navigere nettstedet ditt. HTML "<a>" tag er grunnlaget for en link. Bruk denne koden sammen med et bilde av ditt valg for å lage bilde link.

Bruksanvisning

1 Start din HTML eller tekst editor og opprette et nytt dokument eller laste en eksisterende HTML-fil.

2 Skriv inn HTML-koden for bildeposisjonen med "<img>" tag. Inkluder plasseringen av bildet i "src" attributt. For eksempel "<img setter ditt bilde på siden.

3 Omgi bildekoden med "<a>" link tag opprette en hyperkobling. Sett målet for koblingen innenfor "href" attributt. For eksempel <a href="myproducts.htm"> <img (forlate av de ytre anførselstegn) i "<a>" tag hvis du styre din brukeren til en side utenfor nettstedet. Dette fører til siden for å åpne i et annet vindu, forlater området tilgjengelig. For eksempel:

<a href="myproducts.htm" target="_blank"> <img /> </a>

Hint

• Hvis du kobler til en URL, inkluderer "http: //" før resten av adressen. For eksempel: <a href="http://www.[website].com/AboutUs.htm" target="_blank"> <img src = "custombtn.gif" /> </a>