Insérer un hyperlien sur une image

Définir un lien

Pour permettre de créer une zone à cliquer dans une image, il suffit d'associer un ancre à une image :

Définir une surface à cliquer

Une image peut également être définie comme une zone à cliquer. Elle peut aussi être associée plusieurs pointeurs. Ceci nécessite la définition d'une zone à cliquer sur laquelle une image est insérée.

Les balises qui seront utilisées sont :

<AREA>

Voici ses principaux attributs :

alt	Permet d'afficher un texte si l'image n'est pas affichée par le navigateur;
coords	Définit les coordonnées de la forme;
href	Définit l'URL de la destination;
nohref
shape (rect | circle | polygon)	Définit la forme de la zone: rectangulaire, circulaire ou polygonale.

<MAP>

Voici son attribut :

name	Définit le nom de la zone à cliquer.

Voici de quelle façon il faut procéder :

Il faut d'abord associer un nom à la zone à cliquer. Ensuite, il faut définir la forme les différentes zones à cliquer qui seront associées à la surface. Les formes sont définies en spécifiant des coordonnées. Voici comment :

Pour un rectangle, coords=x1, y2, x2, y2

où :

x1 est la position verticale de l'angle supérieur gauche;

y1 est la position horizontale de l'angle supérieur gauche;

x2 est la position verticale de l'angle inférieur droit;

y2 est la position horizontale de l'angle inférieur droit.

Pour un cercle, coords=x, y, r

où :

x est la position verticale du centre;

y est la position horizontale de centre;

r est le rayon en pixels.

Pour un polygone, coords=x1, y1, x2, y2, …, xn, yn

où :

xn est la position verticale de l'angle;

yn est la position horizontale de l'angle.

Exemple :

<MAP NAME="nom">
<AREA SHAPE="CIRCLE" COORDS="179,38,25" HREF="http://www.apprendreonline.com/">
<IMG SRC="../ent_txt.gif" BORDER=0 WIDTH=362 HEIGHT=84>
</MAP>

 Insérer une image    Créer un tableau