Apprendre le Html - Tout le language HTML facil - Astwinds
Accueil - Astuces - Humour - Services - Annuaire - Livre d'Or - Contact - Sonneries - Forum - Partenariats - Newsletter
Insérer plusieurs liens sur une même image en la découpant en zones
Nom
<MAP>
 
Fonction
 
Cette balise qui veut dire en français carte sert a définir sur une même image différentes zones réactives afin d'insérer un panel de plusieurs liens internes ou externes vers des pages du site ou d'autres sites. Elle nous sera tres utile par exemple pour lier les pays d'un plannisphére a leurs pages respectives. .

Balise de fin
</MAP>
 
Exemple


<P align="center"><MAP NAME="Ile de France">
<AREA
name"Paris" SHAPE="rect" COORDS="82,34,93,43" HREF="http://www.astwinds.com" alt="Vous êtes a Paris">
<AREA name"Melun" SHAPE="rect" COORDS="114,108,127,116" HREF="http://www.astwinds.com" alt="Vous êtes a Melun">
<AREA name"Soissons" SHAPE="rect" COORDS="178,5,193,14" HREF="http://www.astwinds.com" alt="Vous êtes a Soissons">
<AREA name"Châteaudun" SHAPE="rect" COORDS="19,144,37,158" HREF="http://www.astwinds.com" alt="Vous êtes a Châteaudun">
</MAP>
<IMG
SRC="http://www.astwinds.com/images/ile de france.gif" USEMAP="#Ile de France"></P>

Ci dessous voyez le résultat qui s'affichera dans le navigateur. Passez votre souris sur Paris, Melun, Soissons et Châteaudun

Résultat sur le navigateur

Vous êtes a Paris Vous êtes a Melun Vous êtes a Soissons Vous êtes a Châteaudun

Explications

Détaillons les balises et attributs utilisés dans le code:


Les Attributs de la Balise

L'attribut est une instruction a l'intérieur de la balise et qui aura une incidence sur tout le contenu du document entre les deux balises, par exemple pour que votre page soit bleue avec une police de caractères blanche vous mettez ce code: bgcolor="blue" text="#FFFFFF" dans la balise d'ouverture de corps de page comme ceci:
<body bgcolor="blue" text="#FFFFFF"> le contenu de votre page web </body>

Voici les différents attributs de la balise <MAP>


- Apprentissage HTML
- Liste des Balises
- Liste des attributs de chaque balise
Les autres balises: <A> <ABBR> <ACRONYM> <ADDRESS> <APPLET> <AREA> <B> <BASE> <BASEFONT> <BDO> <BIG> <BLOCKQUOTE> <BODY> <BR> <BUTTON> <CAPTION> <CENTER> <CITE> <CODE> <COL> <COLGROUP> <DD> <DEL> <DFN> <DIR> <DIV> <DL> <DT> <EM> <FIELDSET> <FONT> <FORM> <FRAME> <FRAMESET> <H1 - H6> <HEAD> <HR> <HTML> <I> <IFRAME> <IMG> <INPUT> <INS> <ISINDEX> <KBD> <LABEL> <LEGEND> <LI> <LINK> <MAP> <MENU> <META> <NOFRAMES> <NOSCRIPT> <OBJECT> <OL> <OPTGROUP> <OPTION> <P> <PARAM> <PRE> <Q> <S> <SAMP> <SCRIPT> <SELECT> <SMALL> <SPAN> <STRIKE> <STRONG> <STYLE> <SUB> <SUP> <TABLE> <TBODY> <TD> <TEXTAREA> <TFOOT> <TH> <THEAD> <TITLE> <TR> <TT> <U> <UL> <VAR> 
    <<Précédent
Suivant>>
Accueil - Astuces - Humour - Services - Annuaire - Livre d'Or - Contact - Sonneries -  Partenariats - Newsletter