Hoe maak ik een HTML -afbeeldingskaart?

Wanneer een link wordt toegevoegd aan een afbeelding in HyperText Markup Language (HTML), wordt die link toegevoegd aan de hele afbeelding.Dit kan een probleem zijn als de programmeur een enkele afbeelding met verschillende gebieden of knoppen wil maken en elk gebied wordt gebruikt voor een andere link.Met een HTML -afbeeldingskaart kan de programmeur bepaalde gebieden opgeven waar de link naartoe gaat, waardoor hij of haar verschillende links in één afbeelding kan insluiten.Dit wordt gedaan door een vorm voor de link op te geven en de HTML te vertellen welke coördinaten moeten worden gebruikt voor de link.

Afbeeldingen die voor internet worden gebruikt, worden gemeten in pixels.Weten hoeveel pixels in de afbeelding zijn, is de eerste essentiële stap om een beeldkaart te maken.Er wordt bijvoorbeeld een rechthoekig beeld gebruikt met een hoogte van 400 pixels en een breedte van 250 pixels.Vervolgens moet de programmeur weten hoe hij de vorm in coördinaten nauwkeurig kan meten voor de HTML -beeldkaart om correct te werken.

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

Er zijn drie verschillende vormen die de programmeur kan oproepen voor een HTML -afbeeldingskaart: rect, cirkelen polygoon.Rect staat voor rechthoek en de programmeur moet eerst de coördinaten voor de linkerbovenhoek en vervolgens rechtsonder typen.Een cirkel wordt gespecificeerd door de coördinaten te typen waar de cirkel begint en vervolgens de straal van de cirkel.Een polygoon wordt gemaakt door alle vijf coördinaten in te typen, van boven naar rechts.

HTML afbeeldingskaartcodering gaat als volgt:
lt; kaartnaam ' test gt;
lt; gebied href ' url.html vorm ' rect coörds '10,50,20,60 gt;
lt; gebied href ' url.html vorm ' cirkelcoörds ' 10,50,4 gt;
lt; gebied href ' url.html vorm ' polygoncoörds ' 10,50,12,55,15,60,13,65,8,55 gt;

Elke HTML -afbeeldingskaart moet een naam hebben, en de sectie Url.html is de link waar dat gedeelte van de afbeeldingskaart een gebruiker zal leiden wanneer hij of zij klikt opHet.Wanneer de afbeelding op de website wordt geplaatst met HTML, moet de programmeur schrijven: USEMAP ' Test.Dit zal de afbeelding vertellen welke HTML -beeldkaart moet worden gebruikt.