Hvordan opretter jeg et HTML-billedkort?
Når et link føjes til et billede i Hypertext Markup Language (HTML), tilføjes det link til hele billedet. Dette kan være et problem, hvis programmereren ønsker at lave et enkelt billede med flere områder eller knapper, og hvert område bruges til et andet link. Et HTML-billedkort giver programmereren mulighed for at specificere bestemte områder, hvor linket skal gå, hvilket giver ham eller hende mulighed for at integrere flere links i et billede. Dette gøres ved at specificere en form for linket og fortælle HTML, hvilke koordinater der skal bruges til linket.
Billeder, der bruges til Internettet, måles i pixels. At vide, hvor mange pixels der er i billedet, er det første vigtige trin til at oprette et billedkort. F.eks. Bruges et rektangulært billede, der har en højde på 400 pixels og en bredde på 250 pixels. Dernæst skal programmereren vide, hvordan man præcist måler formen i koordinater, så HTML-billedkortet fungerer korrekt.
Det øverste venstre hjørne kaldes 0,0, når du bruger et HTML-billedkort. Det nederste højre hjørne i dette tilfælde ville være 250.400. Målingerne foretages først med bredden og derefter højden. En nem måde at tænke på det er, at den første måling fortæller HTML, hvor langt til højre skal gå fra venstre kant, og den anden er, hvordan man fortæller det, hvor mange pixels der skal gå. Hvis programmereren ønsker, at et punkt på kortet skal være 10 pixels fra venstre kant og 50 pixels ned, ville koordinaterne være 10,50.
Der er tre forskellige former, som programmereren kan påkalde til et HTML-billedkort: rekt, cirkel og polygon. "Rect" står for rektangel, og programmereren skal først indtaste koordinaterne for øverste venstre hjørne og derefter nederst til højre. En cirkel specificeres ved at skrive koordinaterne, hvor cirklen begynder, og derefter cirkelens radius. En polygon oprettes ved at indtaste alle fem koordinater fra toppen til højre.
HTML-billedkortkodning går sådan: <map name = "test">
<område href = "url.html" shape = rect coords = "10,50,20,60">
<område href = "url.html" form = cirkel coords = "10,50,4">
<område href = "url.html" shape = polygon coords = "10,50,12,55,15,60,13,65,8,55">
Hvert HTML-billedkort skal have et navn, og afsnittet "url.html" er linket, hvor det afsnit på billedkortet fører en bruger, når han eller hun klikker på det. Når billedet er placeret på webstedet med HTML, skal programmereren skrive: usemap = "test." Dette fortæller billedet, hvilket HTML-billedkort der skal bruges.