ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX

<AREA> ... </AREA>

Utilisation	Permet de définir des liens et des ancres
Balises de début/de fin	Nécessaire/illégal
Attributs	shape="..." : permet de définir des imagemaps côté client en utilisant des formes prédéfinies ( default, rect, circle, poly ) coords="..." : définit la taille de la forme, en spécifiant une taille en pixels ou en pourcentage de longueur href="..." : l'URL de la ressource liée target="..." : détermine l'endroit où sera affichée le ressource ( défini par l'utilisateur, _blank, _parent, _self, _top ) nohref="..." : indique que la région n'entraîne aucune acrion alt="..." : affiche un texte de remplacement tabindex="..." : définit l'ordre de tabulation entre les éléments possédant une propriété tabindex
Vide	Oui

Remarques :

On uilise une balise <AREA>, placée entre <MAP>... </MAP>, pour chaque zone de l'image réactive et chaque lien hypertexte.
Apès avoir écrit les balises <AREA>, on place l'image réactive dans la page à l'aide de la balise <IMG> en lui ajoutant l'attribut USEMAP.
Attention : utiliser le nom indiqué dans la balise <MAP> sans oublier le symbole #

Exemple d'utilisation :

<BODY >
<MAP name="zone" >
<AREA id=La1 alt="Washington" shape="rect" coords="75,44,202,192" target="_blank" href="whashington.htm">
<AREA id=La2 alt="Jefferson" shape="rect" coords="202,93,295,234" target="_blank" href="jefferson.htm">
<AREA id=La3 alt="Rosevelt" shape="rect" coords="301,154,381,289" target="_blank" href="rosevelt.htm">
<AREA id=La4 alt="Abraham" shape="rect" coords="411,141,526,288" target="_blank" href="abraham.htm">
</MAP>

<IMG id=rushmore src="c:\html\images\rushmore.jpg" usemap="#zone">

Document additionnel ( Face cachée d'HTML - Eyrolles ) :

	ELEMENT AREA= (DEFINIT UNE ZONE)		HTML
Définition	Cet attribut permet de définir une image réactive, côté navigateur.		2.0	3.2
Syntaxe	<AREA ..........> l'élément encadre l'attribut SHAPE et l'attribut COORD
Note:	Un nombre quelconque de zones peut être déclaré.Si deux zones se recoupent, celle qui est déclarée la première a la priorité dans la zone d'intersection.

	ATTRIBUT SHAPE (FORME D'UNE ZONE)		HTML
Définition	Cet attribut permet de définir une forme géométrique: rectangle, cercle, polygone.		2.0	3.2
Syntaxe	<AREA SHAPE="RECT"> <AREA SHAPE="CIRCLE"> <AREA SHAPE="POLYGON"> (POLY est admis).
Note:	Le paramètre de SHAPE est un nom de forme géométrique. Par défaut, il s'agit du rectangle. Voici la liste des noms de formes reconnus : circ, circle, poly, polygon, rect, rectangle.

	ATTRIBUT COORDS= (COORDONNEES)		HTML
Définition	Cet attribut définit les coordonnées d'une zone par quatre nombres exprimés en pixels.		2.0	3.2
Syntaxe	Pour un rectangle:<AREA SHAPE="RECT" COORD="0,0,49,49">; les deux premiers nombres représentent les coordonnées du coin supérieur gauche, les suivants correspondent au coin inférieur droit. Pour un cercle:<AREA SHAPE="CIRCLE" COORD="49,49,15"> les deux premiers nombres sont les coordonnées du centre et le troisième la longueur du rayon en pixels Pour un polygone:<AREA SHAPE="POLYGON" COORD="0,0 , 99,0 , 99,49 "> ; chaque paire de nombres définit les coordonnées d'un sommet du polygone.
Remarque:	Pour un rectangle 4 données sont nécessaires: (x,y) du coin supérieur gauche, (x,y) du coin inférieur droit;pour la totalité d'une image de 100 pixels de côté, les coordonnées s'expriment ainsi: COORD="0,0,99,99"; pour un cercle: (x,y) coordonnées du centre, (z) longueur du rayon.

Pages exemples :

Cliquer sur les cases correspondantes

ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX