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 Frameset på en HTML Doc

    HTML ramar låter webbutvecklare visa flera webbsidor , åsikter eller komponenter sida i ett enda webbläsarfönster . Ofta ramar används för separata komponenter webbsida, såsom banners och innehåll , och tillåter manipulering av varje avsnitt självständigt . Ramuppsättningar , eller en gruppering av ramar, kan definieras som rader eller kolumner , eller någon kombination av de två. När placeras i en bildruta i ett frameset , de ingående webbsidor blir en del av den övergripande användargränssnitt och kan programmeras för interaktion . Saker du behöver
    Textredigerare
    webbläsare
    Visa fler instruktioner
    1

    Öppna en textredigerare och skapa en fil med namnet pageInsideFrame1.html . Lägg till ett " " tagg , en " " tagg , en " < /head > " taggen , en " " tagg , en " < /body> " tagg och en " < /html > " tagg till filen . Placera en " title " taggen mellan " " och " < /head > " taggar , ge sidan titeln " Sida Inside Frame 1 " och stäng " < /title > " taggen . Placera en "

    " tag mellan " " och " < /body > " taggar och ge sidan rubriken "Sida inläst i bildruta 1 . " Stäng " < /h1 > " tag och sparar och stänger pageInsideFrame1.html .



    Sida

    Inside ram 1 < /title > <br> <p> < /head > <br> <p> <body> <br> <p> <h1> Sidan laddad på bildruta 1 < /h1 > <br> <p> < /body> <br> <p> < /html > <br> 2 <p> Använd textredigerare för att skapa en ny fil som heter pageInsideFrame2.html . Lägg till ett " <html> " tagg , en " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " tagg , en " < /head > " taggen , en " <body> " tagg , en " < /body> " tagg och en " < /html > " tagg till filen . Placera en " title " taggen mellan " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " och " < /head > " taggar , ge sidan titeln " Sida Inside Frame 2 " och stäng " < /title > " taggen . Placera en " <h1> " tag mellan " <body> " och " < /body > " taggar och ge sidan rubriken "Sida inläst i bildruta 2 . " Stäng " < /h1 > " tag och sparar och stänger pageInsideFrame2.html . <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> Sida <p> <title> Inside Frame 2 < /title > <br> <p> < /head > <br> <p> <body> <br> <p> <h1> Sidan laddad på Frame 2 < /h1 > <br> <p> < /body> <br> <p> < /html > Addera 3 <p> Använd textredigerare för att skapa en tredje fil som heter frameHolder.html . Lägg till ett " <html> " tagg , en " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " tagg , en " < /head > " taggen , en " <body> " tagg , en " < /body> " tagg och en " < /html > " tagg till filen . Placera en " title " taggen mellan " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " och " < /head > " taggar , ge sidan titeln " Frame Page " och stäng " < /title > " taggen . Placera en " <frameset> " tag mellan " <body> " och " < /body > " taggar . Ställ frameset s " rader " attribut till " 150 , * " för att indikera frameset bör ha två kolumner : en som är 150 pixlar bred och en som bör vara så bred som resten av webbsidan . Stäng " < /frameset > " taggen och spara frameHolder.html . <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> Ram Page < /title > <br> <p> < /head > <br> <p> <frameset cols="150,*"> <br> <p> < /frameset > <br> <p> < /body > <br> <p> < /html > <br> 4 <p> Placera en " <frame> " tag mellan " <frameset> " och " < /frameset > " taggar . Ställ ramens " src " värde " pageInsideFrame1.html . " Den här taggen anger den första bildrutan ( 150px ) bör ladda sidan pageInsideFrame1.html . <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> Frame Sida < /title > <br> <p> < /head > <br> <p> <frameset cols="150,*"> <br> <p> <FRAME src="pageInsideFrame1.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > <br> 5 <p> Placera en andra " <frame> , "tag i filen mellan " <frameset> " och " < /frameset > "taggar . Ställ ramens " src " värde " pageInsideFrame2.html . " Spara och stäng frameHolder.html . Den här taggen anger den andra ramen ( * ) bör ladda sidan pageInsideFrame2.html . <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> Frame Sida < /title > <br> <p> < /head > <br> <p> <frameset cols="150,*"> <br> <p> <FRAME src="pageInsideFrame1.html"> <br> <p> <FRAME src="pageInsideFrame2.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > ; <br> 6 <p> Open frameHolder.html i en webbläsare . Verifiera de två ramarna belastning med de förväntade attribut. Verifiera den första bilden laddar pageInsideFrame1.html och andra laster ram pageInsideFrame2.html . <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/87759.html' >Hur hittar Skript </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/87761.html' >Hur Center en fast bredd Div Tag </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/86384.html" title="Hur man skriver en rekursiv funktion Index Max " target="_self">Hur man skriver en rekursiv funktion Index Max </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88766.html" title="HTML Mailto Tutorial " target="_self">HTML Mailto 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/87872.html" title="Vad Är Cue filer och Bin " target="_self">Vad Är Cue filer och Bin </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87827.html" title="Lägga till en ny rad till UltraWebGrid " target="_self">Lägga till en ny rad till UltraWebGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88086.html" title="Vad är MCI ActiveX-kontroller " target="_self">Vad är MCI ActiveX-kontroller </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87782.html" title="Hur man skapar en ny SQL-databas i VB.NET Express Edition " target="_self">Hur man skapar en ny SQL-databas i VB.NET Express Editi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86440.html" title="Kan du ha VS Färger för SQL " target="_self">Kan du ha VS Färger för SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87158.html" title="Hur Pass en variabel till HTA " target="_self">Hur Pass en variabel till HTA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88203.html" title="Hur man installerar Innovatek " target="_self">Hur man installerar Innovatek </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87948.html" title="Hur du hittar IVX Object Metod " target="_self">Hur du hittar IVX Object Metod </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/86980.html" title="Hur man klarar Dynamiska datumvariabler i SSIS " target="_self">Hur man klarar Dynamiska datumvariabler i SSIS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86734.html" title="Hur man skapar AutoCAD manus med Paus i TI " target="_self">Hur man skapar AutoCAD manus med Paus i TI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94951.html" title="Konvertera tabellvärden till XLS format i VB.NET " target="_self">Konvertera tabellvärden till XLS format i VB.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95553.html" title="Lägga till data till en Array " target="_self">Lägga till data till en Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90959.html" title="Stränglitteraler i JavaScript Kodning " target="_self">Stränglitteraler i JavaScript Kodning </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95375.html" title="Ställa bilden egendom till Ingen i Visual Basic " target="_self">Ställa bilden egendom till Ingen 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/94784.html" title="Hur man använder timern i VB6 " target="_self">Hur man använder timern i VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85662.html" title="Hur man skall fördela en 2D- array pekare " target="_self">Hur man skall fördela en 2D- array pekare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92725.html" title="Hur man uppdaterar en rad i Microsoft SQL " target="_self">Hur man uppdaterar en rad i Microsoft SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92283.html" title="Konvertera Latitude & Longitude till Decimal i PHP " target="_self">Konvertera Latitude & Longitude till Decimal i PHP </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>