Maison > interface Web > tutoriel HTML > Explication détaillée sur l'utilisation de la balise de zone en HTML

Explication détaillée sur l'utilisation de la balise de zone en HTML

王林
Libérer: 2020-03-09 17:52:52
avant
3467 Les gens l'ont consulté

Explication détaillée sur l'utilisation de la balise de zone en HTML

balise

avec image d'une zone cliquable).

les éléments de zone sont toujours imbriqués dans les balises

(Tutoriel recommandé : tutoriel HTML)

Remarque : L'attribut usemap dans la balise Explication détaillée sur l'utilisation de la balise de zone en HTML est associé à l'attribut de nom d'élément une image avec des connexions entre les mappages. L'attribut usemap dans Explication détaillée sur l'utilisation de la balise de zone en HTML peut faire référence à l'attribut id ou name dans (déterminé par le navigateur), nous devons donc ajouter les attributs id et name à .

Veuillez consulter l'image ci-dessous :

Explication détaillée sur lutilisation de la balise de zone en HTML

Valeur de l'attribut :

href : Cliquez sur le lien pour accéder à la zone. alt : le message affiché lorsque l'image ne peut pas être affichée normalement.

Exemple :

1. Forme de distance : (les coordonnées du sommet supérieur gauche sont (x1, y1), les coordonnées du sommet inférieur droit sont (x2, y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>
Copier après la connexion

2 , Cercle : (Les coordonnées du centre du cercle sont (X1, y1), le rayon est r)

<area shape="circle" coords="x1,y1,r" href=url>
Copier après la connexion

Polygone : (Les coordonnées de chaque sommet sont (x1. , y1), (x2, y2), (x3, y3) ...)

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
Copier après la connexion

Pour plus de contenu lié à la programmation, veuillez prêter attention à la colonne Introduction à la programmation de la page php site chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:jb51.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal