Hvordan Definere et bildekart i HTML

Bildekart tillate nettsiden designer for å bryte opp et bilde inn i deler, som hver har en distinkt oppførsel når den klikkes, for eksempel hoppe til en annen side.

Bruksanvisning

Definer et bildekart med HTML

1 Lag et skjelett for bildekart på et sted på nettsiden ved å skrive inn følgende HTML syntaks. Navnet er nødvendig å referere til kartet fra selve bildet.

2 Plasser AREA elementer innenfor MAP opprettet i forrige trinn, en for hver klikkbare region i bildet. Formatet for AREA elements is:
AREA elements is:


3 Angi formen for hver AREA element ved å tildele den SHAPE tilskriver en verdi på RECT, CIRCLE, eller POLY.

4 Angi koordinatene for hvert område element ved å tildele de coords tilskriver en verdi av en liste med koordinater atskilt med komma. For RECT, spesifisere venstre, topp, høyre og bunn; for CIRCLE, angir senterets x-koordinat, sin y-koordinat, og radius; for POLY, spesifisere en serie av x og y koordinater.

5 Angi destinasjonen for å gå til når brukeren klikker på hvert område element ved å tildele href-attributtet en URL verdi, for eksempel mypage.html .

6 Tilsett USEMAP attributt til bildet som du kartlegge å fortelle leseren hvilket kart som skal brukes til det bildet. Eksempel:

Hint

• Det er svært arbeidskrevende å skape et bilde på kartet for hånd. Du gjør lurt i å laste ned noe programvare som hjelper deg å gjøre dette visuelt, snarere enn ordrett.