Använda ramar gör att dina webbsidor ska delas upp i sektioner som kan manipuleras oberoende . Till exempel kan du ha en banner på toppen av din sida som är statiskt medan besökaren rör sig från sida till sida på din webbplats . För att detta ska ske , måste länkarna i huvudramen av sidan öppnas i denna ram , i stället för i ett separat fönster eller i den översta rutan . HTML- attributet "target " används för att ange var du vill att länken ska öppnas . Saker du behöver
Textredigerare
webbläsare
Visa fler instruktioner
1
Öppna en textredigerare , till exempel Anteckningar i Windows .
2
Skapa ramuppsättningsdokument . Detta är det dokument som innehåller alla ramar för webbsidan . Den ramuppsättningsdokument refererar externa webbsidor för varje bildruta . Formatet på dokumentet kommer att se ut :
titel webbsida < /title > < /head > <frameset rows="20%,*"> < frame name = " top " src = " top.html " > <FRAME name="main" src="main.html"> < /frameset > < /html > <br> <p> I detta exempel , den övre ramen kommer att visa webbsidan " top.html " och huvudramen kommer visa webbsidan " main.html . " Sidan " main.html " innehåller länkar som öppnas i samma ram medan " top.html " sidan innehåller information som inte ändras , t.ex. banner . <br> 3 <p> Spara detta dokument med en titel som " index.html ". <br> 4 <p> Öppna " main.html " dokument i en textredigerare . <br> 5 <p> Skapa " main.html " dokument som du skulle en webbsida . <br> 6 <p> Använd syntaxen " <a target="_self" href="http://example.com"> exempel < /a > " för eventuella länkar i dokumentet . Den "mål " referens är vad öppnar länken i den aktuella bildrutan . <br> 7 <p> Testa länken genom att öppna filen " index.html " i alla webbläsare och klicka på länkarna . <br> <br > Addera
<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/88719.html' >Hur man installerar ASP.NET </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88721.html' >Fördelar och nackdelar Tips </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/86816.html" title="Hur du väljer ett värde i JSP " target="_self">Hur du väljer ett värde i 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/86570.html" title="Fördelar och nackdelar med en Nanocomputer " target="_self">Fördelar och nackdelar med en Nanocomputer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87018.html" title="Hur man använder CFC i ColdFusion " target="_self">Hur man använder CFC 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/87268.html" title="Vad är skillnaden mellan låg - nivå programmering & högnivåprogrammering " target="_self">Vad är skillnaden mellan låg - nivå programmering & …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87818.html" title="Hur man uppdaterar en markör med COBOL " target="_self">Hur man uppdaterar en markör med COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87838.html" title="Hur man startar Datorer " target="_self">Hur man startar Datorer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87994.html" title="Lägga till en församling till web.config " target="_self">Lägga till en församling till web.config </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88444.html" title="Hur man öppnar en Broderbund SIG Extension " target="_self">Hur man öppnar en Broderbund SIG Extension </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88581.html" title="Hur organisera e-postadresser Alfabetiskt " target="_self">Hur organisera e-postadresser Alfabetiskt </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86332.html" title="Jag kan inte få en proxy för att arbeta på en Android -emulator " target="_self">Jag kan inte få en proxy för att arbeta på en Androi…</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/java-programming/90745.html" title="Lägga till Java Applets till en webbsida med FrontPage " target="_self">Lägga till Java Applets till en webbsida med FrontPage…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85361.html" title="Hur man installerar C + + kompilatorer för NetBeans " target="_self">Hur man installerar C + + kompilatorer för NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91842.html" title="Hur man använder Kryssruta i PHP " target="_self">Hur man använder Kryssruta i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86353.html" title="Ingen proxyanslutning i NetBeans " target="_self">Ingen proxyanslutning i NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87993.html" title="Hur skapar jag en webbplats Child Node " target="_self">Hur skapar jag en webbplats Child Node </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91544.html" title="Hur man tar bort PHP From My Joomla inlägg " target="_self">Hur man tar bort PHP From My Joomla inlägg </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88798.html" title="Hur Rikta HTML-tabeller till höger om Text " target="_self">Hur Rikta HTML-tabeller till höger om Text </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87230.html" title="DataColumn Typer " target="_self">DataColumn Typer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92541.html" title="Hur ansluta till MySQL på Hostgator " target="_self">Hur ansluta till MySQL på Hostgator </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96439.html" title="Hur mata in ett nummer med två decimaler i Visual Basic " target="_self">Hur mata in ett nummer med två decimaler i Visual Basi…</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> 