Introduction à l'utilisation des hotspots d'images de zone HTML avec une liste d'attributs associés_HTML/Xhtml_Production de pages Web

La balise

est principalement utilisée dans les cartes d'images. Grâce à cette balise, la zone active (également appelée point chaud) peut être définie dans la carte d'images, de sorte que lorsque l'utilisateur déplace la souris vers la zone active spécifiée. et clique, il créera automatiquement un lien vers la page prédéfinie. Sa structure syntaxique de base est la suivante :



class et id : spécifiez hot spots respectivement. Le type et le numéro d’identification.

alt : Texte alternatif utilisé pour définir les hotspots.

href : utilisé pour définir l'adresse url liée au hotspot.

forme et coordonnées : sont les deux principaux paramètres utilisés pour définir la forme et la taille du hotspot. Son utilisation de base est la suivante :

signifie définir la forme du point chaud sur un rectangle et les coordonnées du sommet du coin supérieur gauche sont (X1, y1), les coordonnées du sommet du coin inférieur droit sont (X2, y2).

Indique que la forme du point chaud est définie comme un cercle, les coordonnées centrales sont (X1, y1) , et le rayon est r.

indique que la forme du point chaud est définie sur un polygone et les coordonnées de chacun les sommets sont ( X1,y1), (X2,y2), (x3,y3)….

Remarques : Les positions de x1, y1, x2, y2 sont déterminées en fonction de l'image et non de la taille de la fenêtre.

La marque divise la zone d'action dans la carte d'image, donc la zone d'action qu'elle divise doit être dans la zone de la carte d'image, donc HTML doit être utilisé avant en utilisant la marque pour diviser la zone. Une autre balise .

Ce qui suit est un exemple pour illustrer l'utilisation de ces deux balises :

Voici une photo d'une nouvelle étagère. L'effet est le suivant : lorsque la souris clique sur le livre "Annuaire du site Web". Lorsque la souris clique sur le livre "Website Design Guide", une nouvelle fenêtre s'ouvrira pour afficher l'introduction du livre et la page de commande (urlall.htm). La page Web de commande (siteall.htm) ; sur le livre "Web Page Skills Encyclopedia", une nouvelle fenêtre s'ouvrira pour afficher une introduction au livre et la page web de commande (pagejqlall.htm). Méthode de production :

1. Insérez l'image, définissez les paramètres pertinents de l'image et définissez le paramètre usemap="newbook" ismap dans la balise );

2. Utilisez la marque

Copiez le code

Le code est le suivant :

Quelques points à noter lors de la création des effets introduits dans cet article :

1 N'oubliez pas de définir les paramètres usemap et ismap dans la marque de usemap doit être identique à la marque