*   >> Lecture Éducation Articles >> tech >> conception de sites Web

HTML Image Map

avez tapé est tapé à nouveau à la fin de la liste de coordonnées pairs.In le code ci-dessus nous avons un triangle. La première paire de coordonnées est (270 170); la seconde est (300 200); et le troisième est (240200). Le premier est répétée autant (270,170) à la fin de la liste. Tous les chiffres de la valeur de l'attribut coords sont séparées par des virgules. Faire une zone a HyperlinkTo faire un élément de la région un lien hypertexte, juste lui donner l'attribut href et la valeur correspondante, comme dans le code above.

Making une zone répondre à une EventTo Souris faire une zone de répondre à un événement de la souris, il suffit de lui donner un attribut d'événement et de valeur que pour le troisième élément de la zone dans le code.You ci-dessus peuvent essayer le code ci-dessus. Il suffit d'utiliser une image .jpg et lui donner le nom, https://www.bukisa.com/articles/111370_html-image-map/myimg.jpg. Lorsque vous vous déplacez votre pointeur de la souris à une zone qui est un lien, le pointeur de la souris deviendrait une main.

Si vous déplacez le pointeur de votre souris sur la zone qui est le triangle, une boîte d'alerte affiche, "Vu". ConclusionAn carte d'image est une image avec des zones cliquables. Vous avez besoin de trois types d'éléments d'un plan de l'image: l'élément de l'image elle-même, qui doit avoir un attribut usemap, l'élément MAP et un ou plusieurs éléments AREA. L'élément AREA va dans l'élément MAP. Il peut y avoir de nombreux éléments de la région dans l'élément de la carte. L'élément de la carte doit avoir un attribut de nom.

Sa valeur est la partie de texte de la valeur de l'attribut usemap de l'élément d'image. Vous déterminer le comportement d'un élément AREA en lui donnant l'attribut correspondant (eghref) et l'élément valeur région a beaucoup des qualités que d'autres éléments HTML ont. Dans un plan de l'image, l'élément de région a le plus grand nombre de «responsabilités» .Chrys

Page   <<  [1] [2] [3] [4] 
Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.