Hvordan lager jeg et HTML -bildekart?

Når en lenke 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 lenke.Et HTML -bildekart lar programmereren spesifisere visse områder der lenken vil gå, slik at han eller henne 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 til lenken.

Bilder som brukes til 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 må måle formen i koordinater for at HTML -bildekartet fungerer ordentlig.

Det øverste venstre hjørnet kalles 0,0 når du bruker et HTML -bildekart.Nederst til høyre i dette tilfellet ville være 250.400.Målingene blir gjort med bredden først, og deretter høyden.En enkel måte å tenke på det er at den første målingen er å fortelle HTML hvor langt til høyre til å gå fra venstre kant, og den andre er hvordan det å fortelle det hvor mange piksler nedover å 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: RECT, CIRCLEog polygon.Rect står for rektangel, og programmereren må først skrive koordinatene for øverste venstre hjørne og deretter nederst til høyre.En sirkel er spesifisert ved å skrive koordinatene der sirkelen begynner, og deretter radius av sirkelen.En polygon opprettes ved å skrive inn alle fem koordinater, fra toppen til høyre.

HTML Bildekartkoding går slik:
lt; kartnavn ' test gt;
lt; areal href ' url.html form ' rect koords '10,50,20,60 gt;
lt; areal href ' url.html form ' sirkel koords ' 10,50,4 gt;
lt; areal href ' url.html form ' polygon koords ' 10,50,12,55,15,60,13,65,8,55 gt;

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