Comprendre HTML est l'un des langages de programmation les plus ingénieux d'utiliser afin de construire une page Web. HTML utilise des balises pour ajouter des attributs à vos pages Web. Les quatre tags les plus utilisés par les documents HTML sont , , et <BODY ...> . Ces balises définissent le type de document il s'agit , et les grandes sections. Documents HTML ont généralement l'extension . Html ou . Htm . Vous pouvez utiliser du HTML pour créer une carte image qui divise l'image en plusieurs zones qui pointent vers une page Web différente. Si vous choisissez de créer des images , vous devez utiliser des images qui ont plusieurs zones distinctes que les lecteurs peuvent choisir. Les photographies sont généralement pas un bon choix pour les cartes d'image . Création de cartes d'image est un bon moyen pour donner à vos pages plus appel. Ce guide va vous apprendre comment ajouter des cartes d'image sur votre page. Il présente une approche très simple de personnaliser votre page. Choses que vous devez <br> Computer <br> Afficher plus Instructions <br> 1 <p> Commencez votre éditeur de texte ou processeur mot que vous allez utiliser pour créer votre page web . Localisez la page sur votre PC que vous allez éditer . Ajouter l'image que vous souhaitez utiliser une carte d'image de votre page web . L'inclure à l'intérieur de la balise <CENTER> . <br> 2 <p> type " USEMAP =" # ? "À l'intérieur de la balise <IMG> . Remplacer le point d'interrogation avec l' nom de l'image carte . Tapez " </CENTER >" pour fermer la balise . <br> 3 <p> type " <MAP NAME="?"> "Remplacer le point d'interrogation avec le nom de la carte d'image Votre texte doit ressembler à ce qui suit: . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? </CENTER> <MAP NAME="menumap"> <br> 4 <p> type "< AREA SHAPE =" "" Remplacez le d'interrogation avec la forme de la zone . Utiliser rect pour rectangle , cercle de cercle et poly pour une forme irrégulière. <br> 5 <p> type " COORDS =" a, b , c, d & # x201D ; »pour les coordonnées d'un rectangle Remplacer l' . " a et B " avec les coordonnées du coin supérieur gauche remplacer. " c et d " avec les coordonnées du coin en bas à droite pour un cercle , le type ". COORDS = & # x201C ; a, b, R " ", où " a, b " sont les coordonnées du centre du cercle et «r» . est le rayon pour un polygone , de type " COORDS =" a, b , c, d ... " " où " a, b , c, d " sont les coordonnées de chaque point du polygone. <br> 6 <p> type " HREF =" ? "". remplacer le point d'interrogation à l'adresse de la page Web que vous souhaitez la zone de l'image à lier . Répétez les étapes 4 à 6 pour chaque zone de l'image . Tapez " </mAP> " pour compléter votre carte d'image . <br> 7 <p> Vérifiez que votre texte est similaire à ce qui suit: < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html "> </mAP> <br> 8 <p> ouvrir un nouveau navigateur Web pour vérifier que votre page web affiche la carte d'image correctement Testez votre site et vérifier que les visiteurs peuvent . cliquez sur une zone de la carte d'image pour afficher la page Web liée . <br> <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Computer-Programming-Languages/88867.html' >Comment faire pour changer le style de Bullet utilisant HTML Programmation </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Computer-Programming-Languages/88869.html' >Comment faire pour changer la casse du texte à l'aide de programmation HTML </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Computer-Programming-Languages/87247.html">Qu'est-ce qu'un double littéral </a></li><li><a href="/programmation/Computer-Programming-Languages/87806.html">Comment modifier le Registre à l'aide C # </a></li><li><a href="/programmation/Computer-Programming-Languages/87927.html">Zebra ZPL Programming Guide </a></li><li><a href="/programmation/Computer-Programming-Languages/86486.html">Quelle est la différence entre Lancer une exception et Récupération d'une exception </a></li><li><a href="/programmation/Computer-Programming-Languages/87143.html">Comment créer une liste déroulante Utiliser XSL </a></li><li><a href="/programmation/Computer-Programming-Languages/87074.html">Comment faire pour créer des modèles de contrôles WPF </a></li><li><a href="/programmation/Computer-Programming-Languages/88596.html">Comment faire pour modifier une table dans Oracle à l'aide SQL </a></li><li><a href="/programmation/Computer-Programming-Languages/88734.html">Les files d'attente et Stacks expliqué </a></li><li><a href="/programmation/Computer-Programming-Languages/88275.html">Comment désactiver la fonction de protection en écriture sur un enregistrement d'amorçage maître…</a></li><li><a href="/programmation/Computer-Programming-Languages/88560.html">Comment apprendre la programmation informatique Langues </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>