|
|
|
| Sådan oprettes et billede Kort Brug af HTML programmering |
|
Forståelse HTML er et af de mest ressourcestærke programmeringssprog til at bruge for at konstruere en webside. HTML bruges koder for at føje attributter til dine websider . De fire tags mest bruges af HTML-dokumenter er , , og <BODY ...> . Disse tags definere den type dokument, det er, og de store sektioner . HTML-dokumenter har normalt filtypenavnet . Html eller . Htm . Du kan bruge HTML til at skabe et billede kort, der opdeler et billede i forskellige områder , der linker til en anden webside. Hvis du vælger at oprette grafikobjekter , skal du bruge billeder, der har flere adskilte områder , som læserne kan vælge. Fotografier normalt ikke et godt valg for grafikobjekter . Oprettelse grafikobjekter er en god måde at give dine sider mere appel . Denne guide vil lære dig, hvordan du tilføjer grafikobjekter til din side . Den præsenterer en meget enkel metode til at tilpasse din side . Hvad du har brug <br> Computer <br> Vis Flere Instruktioner <br> 1 <p> Start dit tekstbehandlingsprogram eller tekst editor , som du vil bruge til at oprette din webside. Find den side på din pc , som du vil redigere . Tilføj det billede, du ønsker at bruge et billede kort til din webside . Medtage den inde i <CENTER> tag . <br> 2 <p> Type " USEMAP =" # ? " Inde i <img> . Udskift spørgsmålstegnet med navn image map . Skriv " </CENTER > " for at lukke tag . <br> 3 <p> Type " <MAP NAME="?"> "Erstat spørgsmålstegnet med billedet kort navn Din tekst skal se ud som følgende : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? </CENTER > <MAP NAME="menumap"> <br> 4 <p> Type " < AREA SHAPE = " "" Udskift spørgsmålstegn med formen af området. Brug rekt for rektangel , cirkel for cirkel og poly for en uregelmæssig form . <br> 5. <p> Type " COORDS =" a, b, c, d & # x201D , " koordinaterne for et rektangel Udskift . " a og b " med koordinaterne for det øverste venstre hjørne Erstat ". c og d " med koordinaterne for det nederste højre hjørne for en cirkel , type. " COORDS = & # x201C ; a, b, r " " hvor " a, b" er koordinaterne for cirklens centrum og "r" . er radius for en polygon , skriv " COORDS =" a, b , c, d ... "" hvor " a , b, c, d " er koordinaterne for hvert punkt på polygonen. <br> 6 <p> Type " HREF =" ? " ". Udskift spørgsmålstegnet med adressen på den webside , som du ønsker det billedområde, der linkes til. Gentag trin 4 til 6 for hvert billede -området. Type " </mAP >" for at fuldføre dit image map . <br> 7 <p> Kontroller, at din tekst ligner følgende: < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html "> </mAP > <br> 8 <p> Åbn en ny webbrowser til at kontrollere, at din webside viser billedet kortet korrekt Test dit websted og kontrollere, at de besøgende kan. klik på et område af billedet kortet for at få vist den linkede webside. <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>Forrige ： <a class='LinkPrevArticle' href='/Programmering/computer-programming-languages/88867.html' >Sådan ændres Bullet Style Brug af HTML programmering </a></li></p></td>
</tr>
<tr>
<td width="49%"> næste ： <a class='LinkNextArticle' href='/Programmering/computer-programming-languages/88869.html' >Sådan ændres Text Case Brug af HTML programmering </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"> Relaterede artikler </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="/Programmering/computer-programming-languages/87784.html" title="Sådan oprettes Kolonner i Listbox C # " target="_self">Sådan oprettes Kolonner i Listbox C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87319.html" title="Sådan Initialiser Indgangsparametre i procedurerne " target="_self">Sådan Initialiser Indgangsparametre i procedurerne </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88586.html" title="Hvad er SQL Software " target="_self">Hvad er SQL Software </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88436.html" title="Sådan Konverter en Hex fil " target="_self">Sådan Konverter en Hex fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87003.html" title="Syntaks i en funktion " target="_self">Syntaks i en funktion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87324.html" title="Sådan bruges Scripts i SSIS " target="_self">Sådan bruges Scripts i SSIS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87217.html" title="Sådan Konverter en datomærke " target="_self">Sådan Konverter en datomærke </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88869.html" title="Sådan ændres Text Case Brug af HTML programmering " target="_self">Sådan ændres Text Case Brug af HTML programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87094.html" title="Sådan Konverter PHP til ASP.NET " target="_self">Sådan Konverter PHP til ASP.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/86844.html" title="Sådan forblive logget ind på ColdFusion " target="_self">Sådan forblive logget ind på ColdFusion </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">Anbefalede Artikler </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="/Programmering/computer-programming-languages/88731.html" title="Forskellen mellem montører og Compilere " target="_self">Forskellen mellem montører og Compilere </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/91380.html" title="Site Fejl: Fil Kræver IonCube PHP Loader I /O " target="_self">Site Fejl: Fil Kræver IonCube PHP Loader I /O </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/92622.html" title="Sådan Fremhæv Krævede felter med PHP " target="_self">Sådan Fremhæv Krævede felter med PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90753.html" title="Hvordan man laver en menu dockes med Javascript " target="_self">Hvordan man laver en menu dockes med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/perl-programming/93216.html" title="Hvordan man gør en Quick X11 dialogboks i Perl " target="_self">Hvordan man gør en Quick X11 dialogboks i Perl </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/86373.html" title="Sådan Shrink en ASA Databasen " target="_self">Sådan Shrink en ASA Databasen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87827.html" title="Sådan tilføjes en ny række til UltraWebGrid " target="_self">Sådan tilføjes en ny række til UltraWebGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/90217.html" title="Hvad er en Select Case i Visual Basic " target="_self">Hvad er en Select Case i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/visual-basics-programming/95398.html" title="Sådan Edit Registreringsdatabasenøgler i VB.Net " target="_self">Sådan Edit Registreringsdatabasenøgler i VB.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/92654.html" title="Sådan Synkroniser og stabilisere SDLC " target="_self">Sådan Synkroniser og stabilisere SDLC </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 © Computer Viden http://www.computerdk.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
