| Inzicht HTML is een van de meest vindingrijke programmeertaal te gebruiken om een webpagina te bouwen maken . HTML bestaat uit codes die attributen toe te voegen aan uw webpagina's . De vier labels meest gebruikt door HTML-documenten zijn , , en <BODY ...> . Deze tags bepalen het soort document het is , en de grote secties . HTML-documenten hebben meestal de extensie . Html of . Htm . U kunt HTML gebruiken om een beeld kaart die een beeld verdeelt maken in verschillende gebieden die verwijzen naar een andere webpagina . Als u ervoor kiest om de afbeelding maps , moet u gebruik maken van beelden die een aantal verschillende gebieden die lezers kunnen kiezen hebben . Foto's zijn meestal niet een goede keuze voor het kaarten . Het creëren van image maps is een goede manier om uw pagina's geven meer aantrekkingskracht . Deze gids zal u leren hoe u afbeeldingen met hyperlinks toe te voegen aan uw pagina . Het geeft een heel eenvoudige benadering van het aanpassen van uw pagina . Wat je nodig hebt <br> Computer <br> Toon Meer Aanwijzingen <br> 1 <p> Begin uw tekstverwerker of teksteditor die je zal gebruiken om uw webpagina te maken . Zoek de pagina op uw pc die u gaat bewerken . Voeg de afbeelding die u wilt een image map gebruiken om uw webpagina. Opnemen binnenkant van de <CENTER> tag . Kopen van 2 <p> Type " USEMAP = " # ? ' Binnenkant van de <IMG> . Vervang het vraagteken met de naam van de image map . Typ " < /CENTER > " om de tag te sluiten . <br> <p> Type " <MAP NAME="?"> 3 " Vervang het vraagteken met de image map naam Uw tekst moet er als volgt uitzien : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER > <MAP NAME="menumap"> <br> <p> Type " < AREA SHAPE = " 4 " " Vervang de vraagteken met de vorm van de ruimte. Gebruik rect voor rechthoek , cirkel voor cirkel en poly voor een onregelmatige vorm . <br> 5 <p> Type " COORDS = " a , b , c , d & # x201d , " voor de coördinaten van een rechthoek vervangen . " a en b " met de coördinaten van de linkerbovenhoek vervangen . " c en d " met de coördinaten van de rechteronderhoek voor een cirkel , type. " COORDS = & # x201C , a , b , r " " waar " a , b " zijn de coördinaten van het middelpunt van de cirkel en "r" . is de straal voor een veelhoek , type " COORDS = " a , b , c , d ... " " waarin "a , b , c , d " zijn de coördinaten van elk punt van het polygoon . <br> <p> Type 6 " HREF = " ? ' " . Vervang het vraagteken met het adres van de webpagina die u wilt in beeld om te linken naar . Herhaal de stappen 4 tot 6 voor elk beeldgebied . Type " < /mAP > "om uw afbeelding kaart te voltooien . <br> 7 <p> Controleer of uw tekst is vergelijkbaar met het volgende : < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html " > < /mAP > <br> 8 <p> Open een nieuwe webbrowser om te controleren of uw web- pagina toont de afbeelding kaart correct Test uw website en controleer of bezoekers kan. klik op een gebied van de afbeelding met hyperlinks naar de gelinkte webpagina weer te geven . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/computer-programming-languages/201309/88867.html' >Hoe te Bullet Style Change Het gebruik van HTML Programmering </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/88869.html' >Hoe je tekst zaak Change Het gebruik van HTML Programmering </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Computer Programming Languages</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86981.html" title="Uitleg over het gebruik van een array " target="_self">Uitleg over het gebruik van ee…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87525.html" title="Hoe de Eclipse Console Output Buffer Bigger Make " target="_self">Hoe de Eclipse Console Output …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88161.html" title="Hoe maak je een Windows CE Afbeelding " target="_self">Hoe maak je een Windows CE Afb…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87761.html" title="Hoe maak je Center een vaste breedte Div Tag " target="_self">Hoe maak je Center een vaste b…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87970.html" title="Hoe te DBIx Locate " target="_self">Hoe te DBIx Locate </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88162.html" title="Hoe maak je een OS Grid Reference zoeken " target="_self">Hoe maak je een OS Grid Refere…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87244.html" title="Hoe een bestand te verwijderen van Git Commit " target="_self">Hoe een bestand te verwijderen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87464.html" title="Hoe maak je een computer Stroomschema " target="_self">Hoe maak je een computer Stroo…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88899.html" title="Hoe te Bitsgewijze Operations gebruiken in Low - Level Programmering " target="_self">Hoe te Bitsgewijze Operations …</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87282.html" title="Hoe te Algoritmes voor beginners schrijven " target="_self">Hoe te Algoritmes voor beginners schrijv…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92217.html" title="Hoe maak je een VirtueMart UPS Shipping Module Installeer " target="_self">Hoe maak je een VirtueMart UPS Shipping …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89707.html" title="Hoe je Java inschakelen voor CMD " target="_self">Hoe je Java inschakelen voor CMD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87373.html" title="Hoe maak je verbinding een keuzelijst een Datagrid " target="_self">Hoe maak je verbinding een keuzelijst ee…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94812.html" title="Hoe je VB Logic gebruiken om een lijst te ordenen " target="_self">Hoe je VB Logic gebruiken om een lijst t…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91596.html" title="Betere manieren om te zoeken met PHP & MySQL Word Keys " target="_self">Betere manieren om te zoeken met PHP & M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85368.html" title="Hoe kan ik een SDL Project in Code Blocks Zorg " target="_self">Hoe kan ik een SDL Project in Code Block…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92885.html" title="Hoe maak je een blog maken met PHP " target="_self">Hoe maak je een blog maken met PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94394.html" title="Hoe te gebruiken WMI om Detect VMWare " target="_self">Hoe te gebruiken WMI om Detect VMWare </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
