Comment créer une carte d'image HTML?

Lorsqu'un lien est ajouté à une image dans le langage de balisage hypertexte (HTML), ce lien est ajouté à l'image entière.Cela peut être un problème si le programmeur souhaite créer une seule image avec plusieurs zones ou boutons et que chaque zone est utilisée pour un lien différent.Une carte d'image HTML permet au programmeur de spécifier certaines zones où le lien ira, lui permettant d'intégrer plusieurs liens vers une seule image.Cela se fait en spécifiant une forme pour le lien et en indiquant au HTML quelles coordonnées doivent être utilisées pour le lien.

Les images utilisées pour Internet sont mesurées en pixels.Savoir combien de pixels sont dans l'image est la première étape essentielle pour créer une carte d'image.Par exemple, une image rectangulaire est utilisée qui a une hauteur de 400 pixels et une largeur de 250 pixels.Ensuite, le programmeur doit savoir comment mesurer avec précision la forme dans les coordonnées pour que la carte d'image HTML fonctionne correctement.

Le coin supérieur gauche est appelé 0,0 lors de l'utilisation d'une carte d'image HTML.Le coin inférieur droit dans ce cas serait de 250 400.Les mesures sont d'abord effectuées avec la largeur, puis la hauteur.Un moyen facile d'y penser est que la première mesure indique au HTML à quelle distance à droite pour aller du bord gauche et la seconde est de savoir comment le dire combien de pixels pour aller.Si le programmeur veut qu'un point sur la carte soit à 10 pixels du bord gauche et à 50 pixels vers le bas, les coordonnées seraient 10,50.

Il y a trois formes différentes que le programmeur peut invoquer pour une carte d'image HTML: RECT, cercleet polygone.RECT représente le rectangle, et le programmeur doit d'abord taper les coordonnées du coin supérieur gauche, puis en bas à droite.Un cercle est spécifié en tapant les coordonnées où commence le cercle, puis le rayon du cercle.Un polygone est créé en tapant les cinq coordonnées, du haut vers la droite.

Html Image Map Coding va comme ceci:
lt; map name ' test gt;
lt; zone href ' url.html forme ' rect coords '10,50,20,60 gt;
lt; zone href ' url.html forme ' cercle coords ' 10,50,4 gt;
lt; zone href ' url.html forme ' coordonnées polygonales ' 10,50,12,55,15,60,13,65,8,55 gt;

Chaque carte d'image HTML doit avoir un nom, et la section URL.html est le lien où cette section de la carte d'image dirigera un utilisateur lorsqu'il ou elle clique suril.Lorsque l'image est placée sur le site Web avec HTML, le programmeur doit écrire: usemap ' test.Cela indiquera à l'image quelle carte d'image HTML à utiliser.