Come si crea una mappa di immagini HTML?

Quando un collegamento viene aggiunto a un'immagine in Hypertext Markup Language (HTML), quel collegamento viene aggiunto all'intera immagine.Questo può essere un problema se il programmatore desidera creare una singola immagine con diverse aree o pulsanti e ogni area viene utilizzata per un collegamento diverso.Una mappa dell'immagine HTML consente al programmatore di specificare determinate aree in cui il collegamento andrà, permettendogli di incorporare diversi collegamenti in un'immagine.Questo viene fatto specificando una forma per il collegamento e dicendo all'HTML quali coordinate devono essere utilizzate per il collegamento.

Le immagini utilizzate per Internet sono misurate in pixel.Sapere quanti pixel ci sono nell'immagine è il primo passaggio essenziale per creare una mappa dell'immagine.Ad esempio, viene utilizzata un'immagine rettangolare che ha un'altezza di 400 pixel e una larghezza di 250 pixel.Successivamente, il programmatore deve sapere come misurare accuratamente la forma nelle coordinate per la mappa dell'immagine HTML per funzionare correttamente.

L'angolo in alto a sinistra è chiamato 0,0 quando si utilizza una mappa di immagine HTML.L'angolo in basso a destra in questo caso sarebbe 250.400.Le misurazioni sono fatte prima con la larghezza e quindi l'altezza.Un modo semplice per pensarci è che la prima misurazione è dire all'HTML quanto lontano a destra per andare dal bordo sinistro e il secondo è come dirlo a quanti pixel.Se il programmatore vuole che un punto sulla mappa sia di 10 pixel dal bordo sinistro e 50 pixel in basso, le coordinate sarebbero 10,50.

Ci sono tre diverse forme che il programmatore può invocare per una mappa dell'immagine HTML: rect, cerchioe poligono.Rect sta per rettangolo e il programmatore deve prima digitare le coordinate per l'angolo in alto a sinistra e quindi in basso a destra.Viene specificato un cerchio digitando le coordinate in cui inizia il cerchio e quindi il raggio del cerchio.Un poligono viene creato digitando tutte e cinque le coordinate, dalla parte superiore a destra.

HTML Image Map Coding va così:
lt; mappa name ' test gt;
lt; area href ' url.html Shape ' coords rect '10,50,20,60 gt;
lt; area href ' url.html forma ' coordoni cerchi ' 10,50,4 gt;
lt; area href ' url.html forma ' coords poligoni ' 10,50,12,5515,60,13,65,8,55 gt;

Ogni mappa dell'immagine HTML deve avere un nome e la sezione URL.HTML è il collegamento in cui quella sezione della mappa delle immagini porterà un utente quando fa clic o lei fa clicEsso.Quando l'immagine è posizionata sul sito Web con HTML, il programmatore deve scrivere: USEMAP ' Test.Questo dirà all'immagine quale mappa dell'immagine HTML da usare.