Het koppelen van een afbeelding aan een webpagina in HTML

Het koppelen van een afbeelding aan een webpagina in HTML


HTML-hyperlinks inschakelen omleiding naar een ander HTML-document binnen of buiten uw site wanneer de gebruiker erop klikt. Afbeelding via de links huis biedt de bezoekers van uw website met een aantrekkelijk en gebruiksvriendelijke manier van navigeren door uw site. De HTML "< a >" tag is de basis van een koppeling. Gebruik dit label samen met een afbeelding van uw keuze om de afbeeldingskoppeling van uw te maken.

Instructies

1

Lanceren uw HTML of tekst editor en maak een nieuw document of een bestaand HTML-bestand laden.

2

Typ de HTML-code voor uw beeld met behulp van de "< img >" tag. De locatie van uw afbeelding in het kenmerk "src" opnemen. Bijvoorbeeld, "< img wordt uw afbeelding op de pagina ingevoegd.

3

Surround uw beeld-code met de "< a >" link-code om een hyperlink te maken. De bestemming voor de koppeling in het "href"-kenmerk invoegen Bijvoorbeeld < een href="myproducts.htm" >< img (laat uit de buitenste aanhalingstekens) in de "< a >" tag als u zijn het leiden van uw gebruiker aan een pagina buiten uw site. Dit zorgt ervoor dat de pagina moet worden geopend in een ander venster, waardoor uw site toegankelijk. Bijvoorbeeld:

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

Tips & waarschuwingen

  • Als u een koppeling naar een URL, omvatten "van http://" voordat de rest van het adres. Bijvoorbeeld: < een href = "-http://www. [de website].com/AboutUs.htm"target ="_blank">< img src="custombtn.gif "/ >< /a >