Hoe maak ik een HTML-image map?

Als een link wordt toegevoegd aan een opname in Hypertext Markup Language (HTML), wordt die link toegevoegd aan het hele beeld. Dit kan een probleem zijn als de programmeur wil een beeld met meerdere gebieden of knoppen te maken en elk gebied wordt gebruikt voor een andere verbinding. Een beeld HTML kaart kan de programmeur bepaalde gebieden waar de link zal gaan aangeven, zodat hij of zij aan diverse links inbedden in een afbeelding. Dit gebeurt door het specificeren van een vorm voor de koppeling en vertelt de HTML wat coördinaten worden gebruikt voor de koppeling.

Beelden gebruikt voor het internet worden gemeten in pixels. Weten hoeveel pixels in het beeld is de eerste essentiële stap naar het creëren van een image map. Bijvoorbeeld, wordt een rechthoekig beeld wordt gebruikt dat een hoogte van 400 pixels en een breedte van 250 pixels heeft. Vervolgens wordt de programmeur heeft om te weten hoe je voor de afbeelding HTML kaart goed te laten werken nauwkeurig te meten van de vorm in coördinaten.

De linkerbovenhoek wordt genoemd 0,0 bij gebruik van een afbeelding HTML kaart. Rechtsonder in dit geval zou zijn 250.400. De metingen worden verricht met de breedte eerst, en dan is de hoogte. Een gemakkelijke manier om te denken van het is dat de eerste meting is het vertellen van de HTML hoe ver naar rechts te gaan van de linkerrand en de tweede is hoe het vertellen hoeveel pixels naar beneden te gaan. Als de programmeur wil een punt op de kaart te zijn 10 pixels vanaf de linkerkant en 50 pixels naar beneden, zou de coördinaten zijn 10,50.

Er zijn drie verschillende vormen van de programmeur kan een beroep doen voor een afbeelding HTML kaart: rect, cirkel en polygoon. "Rect" staat voor rechthoek, en de programmeur moet eerst typt u de coördinaten van de linkerbovenhoek en vervolgens rechts onderaan. Een cirkel wordt gespecificeerd door typen coördinaten waar de cirkel begint, en straal van de cirkel. Een veelhoek wordt gecreëerd door het invoeren van alle vijf coördinaten van boven naar rechts.

HTML image map codering gaat als volgt: <map name = "test">
<Area href = "url.html" vorm = rect coords = "10,50,20,60">
<Area href = "url.html" vorm = cirkel coords = "10,50,4">
<Area href = "url.html" vorm = veelhoek coords = "10,50,12,55,15,60,13,65,8,55">

Elk HTML image map moet een naam hebben, en de sectie "url.html" is de link waar dat gedeelte van het kaartbeeld een gebruiker zal leiden wanneer hij of zij op het klikt. Wanneer het beeld op de website met HTML wordt geplaatst, moet de programmeur schrijft: usemap = "test." Hierdoor wordt het beeld wat afbeelding HTML kaart te gebruiken vertellen.

  • Wanneer het beeld op de website met HTML wordt geplaatst, moet de programmeur schrijft: usemap = "test."