HTML frames laat webontwikkelaars geef meerdere webpagina's , bekeken of pagina componenten in een enkel browservenster . Vaak worden frames gebruikt om afzonderlijke webpagina onderdelen , zoals banners en inhoud , en laat manipulatie van elke sectie onafhankelijk . Framesets of een groep frames , kan worden gedefinieerd als rijen of kolommen , of een combinatie van beide . Eenmaal geplaatst in een frame in een frameset , de webpagina's opgenomen worden deel van de algemene gebruikersinterface en kan worden geprogrammeerd voor interactie . Wat je nodig hebt
tekst editor
webbrowser
Toon Meer Aanwijzingen
1 Open een tekstverwerker en maak een bestand met de naam pageInsideFrame1.html . Voeg een " " tag , een " " tag , een " < /head > " tag , een " " tag , een " < /body > " tag en een " < /html > " tag om het bestand . Plaats een " " tag tussen de " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " en " < /head > 'tags , geef de pagina de titel " Pagina Inside Kader 1 " en sluit de " < /title > " tag . Plaats een " <h1> " tag tussen de " <body> " en " < /body > " tags en geeft de pagina de koptekst " Page Loaded in Kader 1 . " Sluit de " < /h1 > " tag en opslaat en sluit pageInsideFrame1.html . <br> <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <p> <title> Pagina Inside <br> Frame 1 < /title > <br> <p> < /head > <p> <body> <p> <h1> Pagina <br> Loaded in frame 1 < /h1 > <br> <p > < /body > <br> <p> < /html > <br> 2 <p> Gebruik de teksteditor om een tweede bestand met de naam pageInsideFrame2.html maken . Voeg een " <html> " tag , een " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " tag , een " < /head > " tag , een " <body> " tag , een " < /body > " tag en een " < /html > " tag om het bestand . Plaats een " <title> " tag tussen de " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " en " < /head > 'tags , geef de pagina de titel " Pagina Inside Frame 2 " en sluit de " < /title > " tag . Plaats een " <h1> " tag tussen de " <body> " en " < /body > " tags en geeft de pagina de koptekst " Page Loaded in Kader 2 . " Sluit de " < /h1 > " tag en opslaat en sluit pageInsideFrame2.html . <br> <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <p> <title> Pagina Inside <br> Frame 2 < /title > <br> <p> < /head > <p> <body> <p> <h1> Pagina <br> Loaded in Frame 2 < /h1 > <br> <p > < /body <br> <p> < /html > <br> 3 <p> > Gebruik de teksteditor om een derde bestand met de naam frameHolder.html maken . Voeg een " <html> " tag , een " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " tag , een " < /head > " tag , een " <body> " tag , een " < /body > " tag en een " < /html > " tag om het bestand . Plaats een " <title> " tag tussen de " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " en " < /head > 'tags , geef de pagina de titel " Kader Pagina " en sluit het " < /title > " tag . Plaats een " <frameset> " tag tussen de " <body> " en " < /body > " tags. Stel de frameset 's " rijen " attribuut " 150 , * " om aan te geven de frameset moet twee kolommen : een die is 150 pixels breed en een die zo breed is als de rest van de webpagina moet worden . Sluit de " < /frameset > " tag en bespaar frameHolder.html . <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Kader Pagina <br> < /title > <br> <p> < /head > <p> <frameset cols="150,*"> <br> <p> <br> < /frameset > <br> <p> < /body <br> <p> < /html > <br> <p> Place 4 a " <frame> " tag tussen de " <frameset> " en " < /frameset > 'tags > . Stel het frame " src " waarde " pageInsideFrame1.html . " Dit label toont het eerste frame ( 150px ) moet de pagina pageInsideFrame1.html laden . <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Kader Pagina <br> < <br> <p> < /head > <br> <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> /title > <p> <br> < /frameset > <p> < /body > <br> <p> < /html > <br> <p> Place 5 een tweede " <frame> , " tag in het bestand tussen de " <frameset> " en " < /frameset > " tags. Stel het frame " src " waarde " pageInsideFrame2.html . " Opslaan en sluiten frameHolder.html . Dit label geeft aan het tweede frame ( * ) moet de pagina pageInsideFrame2.html laden . <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Kader Pagina <br> < <br> <p> < /head > <br> <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> /title > <p> <frame src="pageInsideFrame2.html"> <br> <p> <br> < /frameset > <p> < /body > <br> <p> < /html > ; <br> 6 <p> Open frameHolder.html in een webbrowser . Controleer de twee frames lading met de verwachte attributen . Controleer het eerste frame laadt pageInsideFrame1.html en het tweede frame laadt pageInsideFrame2.html . <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/87759.html' >Hoe te Scripts zoeken </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/87761.html' >Hoe maak je Center een vaste breedte Div Tag </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/86425.html" title="Hoe maak je een gevalideerde WSDL -bestand Maak Vanuit een URL " target="_self">Hoe maak je een gevalideerde W…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87110.html" title="Hoe te String converteren naar Time in SQLite " target="_self">Hoe te String converteren naar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88008.html" title="Hoe kan ik een apostrof in CL AS/400 toevoegen " target="_self">Hoe kan ik een apostrof in CL …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86587.html" title="Hoe de cache EAR File Verwijder uit het CCCRs " target="_self">Hoe de cache EAR File Verwijde…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88023.html" title="Web Testing Vs . Client Server Testen " target="_self">Web Testing Vs . Client Server…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87055.html" title="Hoe te Binary Registerwaarden converteren naar String " target="_self">Hoe te Binary Registerwaarden …</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/88029.html" title="Hoe een installatie script schrijven " target="_self">Hoe een installatie script sch…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86748.html" title="Hoe te JVM Monitor Met Nagios " target="_self">Hoe te JVM Monitor Met Nagios </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/visual-basics-programming/201309/94811.html" title="De Vb.Net Data Types " target="_self">De Vb.Net Data Types </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95098.html" title="Hoe te berekenen Bestandsgrootte in Visual Basic.NET " target="_self">Hoe te berekenen Bestandsgrootte in Visu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92614.html" title="Hoe kan ik toevoegen Google Analytics naar een PHP -bestand? " target="_self">Hoe kan ik toevoegen Google Analytics na…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96203.html" title="Hoe te Pointers gebruiken in Vb " target="_self">Hoe te Pointers gebruiken in Vb </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/86271.html" title="Hoe de strlen Command in gebruik C + + " target="_self">Hoe de strlen Command in gebruik C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90800.html" title="Hoe kan ik meerdere Markers verdienen met Maps API " target="_self">Hoe kan ik meerdere Markers verdienen me…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92296.html" title="Hoe te Verborgen Velden bijwerken met Javascript en PHP " target="_self">Hoe te Verborgen Velden bijwerken met Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92949.html" title="Hoe maak je een Multi User E-mail Lijst met PHP " target="_self">Hoe maak je een Multi User E-mail Lijst …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/86111.html" title="Computer Engineering Design Projects " target="_self">Computer Engineering Design Projects </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 https://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>
|
