Hvordan opretter jeg et HTML -billedkort?

Når der føjes et link til et billede i HyperText Markup Language (HTML), tilføjes dette 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 visse områder, hvor linket vil gå, så han eller hende kan 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.For eksempel 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 nøjagtigt måler formen i koordinater til HTML -billedkortet for at fungere 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 til at gå fra venstre kant, og det andet er, hvordan det at fortælle 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: Rect, Circleog polygon.Rekt står for rektangel, og programmereren skal først skrive koordinaterne for øverste venstre hjørne og derefter nederst til højre.En cirkel er specificeret ved at skrive koordinaterne, hvor cirklen begynder, og derefter radius af cirklen.En polygon er skabt ved at indtaste alle fem koordinater, fra toppen til højre.

HTML -billedkortkodning går sådan:
lt; kortnavn ' test gt;
lt; område href ' url.html form ' rekt coords '10,50,20,60 gt;
lt; område href ' url.html form ' cirkelkoords ' 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 -billedkort skal have et navn, og URL.html -sektionen er linket, hvor det afsnit af billedkortet vil føre 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 at bruge.