|
|
|
| Comment créer une carte image avec HTML Programmation |
|
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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/computer-programming-languages/88867.html' >Comment faire pour changer le style de Bullet utilisant HTML Programmation </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <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></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> articles connexes </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87751.html" title="Outils utilisés dans le développement de logiciels " target="_self">Outils utilisés dans le développement de logiciels </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88737.html" title="Comment référencer un fichier CSS De JSP " target="_self">Comment référencer un fichier CSS De JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86866.html" title="Comment Spécification produit Langues pour Process Control Systems " target="_self">Comment Spécification produit Langues pour Process Con…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86693.html" title="Introduction à UML " target="_self">Introduction à UML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88691.html" title="Comment faire pour déplacer le texte à travers la page en HTML " target="_self">Comment faire pour déplacer le texte à travers la pag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87147.html" title="Comment mettre à jour vBulletin 4 Icônes " target="_self">Comment mettre à jour vBulletin 4 Icônes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88757.html" title="Quel Langage informatique Microsoft at Créer " target="_self">Quel Langage informatique Microsoft at Créer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88285.html" title="Comment programmer avec Prolog " target="_self">Comment programmer avec Prolog </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88109.html" title="Comment faire pour modifier le Service Lieu Web dans Visual Studio 2003 " target="_self">Comment faire pour modifier le Service Lieu Web dans Vi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88755.html" title="Comment faire une bulle sort " target="_self">Comment faire une bulle sort </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">articles en vedette </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90594.html" title="Comment développer une calculatrice simple avec Java " target="_self">Comment développer une calculatrice simple avec Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/94029.html" title="Comment faire pour convertir Int à cordes en Python " target="_self">Comment faire pour convertir Int à cordes en Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85285.html" title="Comment utiliser C + + pour obtenir Pen numéros de série USB " target="_self">Comment utiliser C + + pour obtenir Pen numéros de sé…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95349.html" title="Comment ouvrir un fichier dans Visual Basic " target="_self">Comment ouvrir un fichier dans Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95615.html" title="Comment trouver Visage numéros d'identification de votre Microsoft Office 97 Barres d'outils " target="_self">Comment trouver Visage numéros d'identification de vot…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95223.html" title="Comment activer le débogage dans Visual Basic " target="_self">Comment activer le débogage dans Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85264.html" title="Comment créer auto_ptr Syntaxe " target="_self">Comment créer auto_ptr Syntaxe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94671.html" title="Comment désactiver les touches directionnelles " target="_self">Comment désactiver les touches directionnelles </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89056.html" title="Relation entre JVM Memory & Heap Size " target="_self">Relation entre JVM Memory & Heap Size </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93666.html" title="Comment faire de Round Up Python " target="_self">Comment faire de Round Up Python </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
