Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> Computer Programspråk >> Content

    Hur man skapar en klickbar bild Använda HTML Programmering
    Förstå HTML är en av de mest resursstarka programmeringsspråk att använda för att konstruera en webbsida . HTML använder taggar för att lägga till attribut till dina webbsidor . De fyra taggar mest används av HTML-dokument är , , och <BODY ...> . Dessa taggar definierar vilken typ av dokument det är , och de stora delarna . HTML-dokument har vanligtvis tillägget . Html eller . Htm . Du kan använda HTML för att skapa en klickbar bild som delar en bild i olika områden som länkar till en annan webbsida . Om du väljer att skapa klickbara bilder , bör du använda bilder som har flera olika områden som läsarna kan välja . Fotografier är oftast inte ett bra val för klickbara bilder . Skapa bildscheman är ett bra sätt att ge dina sidor mer överklagande . Denna guide lär dig hur du lägger till bildscheman till din sida . Den presenterar ett mycket enkelt sätt att anpassa din sida . Saker du behöver <br> Computer <br> Visa fler instruktioner <br> 1 <p> Starta din ordbehandlare eller textredigerare som du kommer att använda för att skapa din hemsida . Leta upp sidan på din dator som du ska redigera . Lägg bilden du vill använda en bild kartan till din webbsida . Inkludera det inuti <CENTER> taggen . <br> 2 <p> Type " USEMAP = " # ? " Inuti taggen <img> . Ersätt frågetecknet med namnet på bilden kartan . Typ " < /CENTER > " för att stänga taggen . <br> 3 <p> Type " <MAP NAME="?"> " Ersätt frågetecknet med bildschemat namn Din text ska se ut på följande : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER > <MAP NAME="menumap"> <br> 4 <p> Type " < AREA SHAPE = " " " Byt frågetecken med formen på området . Använd rect för rektangel , cirkel för cirkel -och poly för en oregelbunden form . <br> 5 <p> Typ " COORDS = " a , b , c , d & # x201d , " för koordinaterna av en rektangel Byt ut . " a och b " med koordinaterna för det övre vänstra hörnet Ersätt . " c och d " med koordinaterna för det nedre högra hörnet för en cirkel , typ . " COORDS = & # x201c , a , b , r " " , där " a , b" är koordinaterna för cirkelns centrum och " R " . är radien för en polygon , typ " COORDS = " a , b , c , d ... " " där " a , b , c , d " är koordinaterna för varje punkt på polygonen . <br> 6 <p> Type " href =" "" . Byt ut frågetecknet med adressen till den webbsida som du vill bildytan för att länka till . Upprepa steg 4 till 6 för varje bild område . Typ " < /mAP > " för att slutföra din bildkarta . <br> 7 <p> Kontrollera att din text är ungefär följande : < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201c ; website.html " > < /mAP > <br> 8 <p> Öppna en ny webbläsare för att kontrollera att din webbsida visas bilden karta korrekt Testa din webbplats och kontrollera att besökarna kan. klicka på ett område i bilden kartan för att visa den länkade webbsidan . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88867.html' >Hur du ändrar Bullet Style Använda HTML Programmering </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88869.html' >Hur man ändra textinmatning Använda HTML Programmering </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/computer-programming-languages/86301.html" title="Driver Developer Hjälp " target="_self">Driver Developer Hjälp </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87703.html" title="Hur du använder Oracle Sekvenser " target="_self">Hur du använder Oracle Sekvenser </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87191.html" title="Hur hitta URL-strängar i ColdFusion " target="_self">Hur hitta URL-strängar i ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86729.html" title="Hur man skapar en fördröjning Puls i Verilog " target="_self">Hur man skapar en fördröjning Puls i Verilog </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88165.html" title="Apache Struts Tutorial " target="_self">Apache Struts Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87163.html" title="Hur göra en felsökning med Eclipse JSP " target="_self">Hur göra en felsökning med Eclipse JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87217.html" title="Konvertera en datumstämpel " target="_self">Konvertera en datumstämpel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86966.html" title="Hur Rip BYOND Codes " target="_self">Hur Rip BYOND Codes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88229.html" title="Hur man simulera en mikrokontroller i Multisim " target="_self">Hur man simulera en mikrokontroller i Multisim </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88235.html" title="Hur Ping ett intervall IP-adresser " target="_self">Hur Ping ett intervall IP-adresser </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 class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86755.html" title="Hur man skriver en funktion för ode45 " target="_self">Hur man skriver en funktion för ode45 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96213.html" title="Lista över funktioner i Visual Basic " target="_self">Lista över funktioner i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96135.html" title="Lägga till Windows Media Players Control i VB6 " target="_self">Lägga till Windows Media Players Control i VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96356.html" title="Konvertera en lång variabel i Bytes i Visual Basic " target="_self">Konvertera en lång variabel i Bytes i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94320.html" title="Hur man gör en abstrakt för en Script " target="_self">Hur man gör en abstrakt för en Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87504.html" title="Skillnaden mellan Delete & Trunkera i Oracle " target="_self">Skillnaden mellan Delete & Trunkera i Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91628.html" title="Hur man skapar ett torg Använda PHP " target="_self">Hur man skapar ett torg Använda PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89459.html" title="Hur man gör en åtgärd Listener Stäng en JFrame " target="_self">Hur man gör en åtgärd Listener Stäng en JFrame </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92931.html" title="Hur man skickar PHP Mail till HTML Email " target="_self">Hur man skickar PHP Mail till HTML Email </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91222.html" title="Hur man skapar en bild sökning på en webbplats " target="_self">Hur man skapar en bild sökning på en webbplats </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>