Hvordan lager jeg et HTML-bildekart?

Når en kobling legges til et bilde i Hypertext Markup Language (HTML), legges den koblingen til hele bildet. Dette kan være et problem hvis programmereren ønsker å lage et enkelt bilde med flere områder eller knapper og hvert område brukes til en annen kobling. Et HTML-bildekart lar programmereren spesifisere bestemte områder hvor lenken skal gå, slik at han eller hun kan legge inn flere lenker i ett bilde. Dette gjøres ved å spesifisere en form for lenken og fortelle HTML hvilke koordinater som skal brukes for lenken.

Bilder som brukes på Internett, måles i piksler. Å vite hvor mange piksler som er i bildet er det første viktige trinnet for å lage et bildekart. For eksempel brukes et rektangulært bilde som har en høyde på 400 piksler og en bredde på 250 piksler. Deretter må programmereren vite hvordan man nøyaktig måler formen i koordinater for at HTML-bildekartet skal fungere ordentlig.

Øverste venstre hjørne kalles 0,0 når du bruker et HTML-bildekart. Nede til høyre i dette tilfellet ville være 250.400. Målingene er utført med bredden først, og deretter høyden. En enkel måte å tenke på det er at den første målingen forteller HTML-koden hvor langt til høyre du skal gå fra venstre kant, og den andre er hvordan du forteller hvor mange piksler det er å gå. Hvis programmereren vil at et punkt på kartet skal være 10 piksler fra venstre kant og 50 piksler ned, vil koordinatene være 10,50.

Det er tre forskjellige former programmereren kan påkalle for et HTML-bildekart: rekt, sirkel og polygon. "Rect" står for rektangel, og programmereren må først skrive inn koordinatene for øverste venstre hjørne og deretter nederst til høyre. En sirkel spesifiseres ved å skrive koordinatene der sirkelen begynner, og deretter radius for sirkelen. En polygon opprettes ved å skrive inn alle fem koordinatene, fra toppen til høyre.

HTML-bildekartkoding går slik:
<map name = "test">
<område href = "url.html" shape = rect coords = "10,50,20,60">
<område href = "url.html" form = sirkel snor = "10,50,4">
<område href = "url.html" shape = polygon coords = "10,50,12,55,15,60,13,65,8,55">

Hvert HTML-bildekart må ha et navn, og "url.html" -delen er koblingen der den delen av bildekartet vil lede en bruker når han eller hun klikker på det. Når bildet er plassert på nettstedet med HTML, må programmereren skrive: usemap = "test." Dette vil fortelle bildet hvilket HTML-bildekart du skal bruke.