|
|
|
| Come creare un set di frame in un doc HTML |
|
frame HTML permettono agli sviluppatori Web visualizzare più pagine Web , viste o componenti di pagina in un'unica finestra del browser . Spesso , i frame vengono utilizzati per componenti delle pagine Web separate , come banner e contenuti , e permettono la manipolazione di ogni sezione in modo indipendente. Set di frame , o un raggruppamento di fotogrammi , possono essere definiti come righe o colonne , o qualsiasi combinazione delle due. Una volta collocato in un frame all'interno di un frame, le pagine Web incluse diventano parte dell'interfaccia complessiva dell'utente e possono essere programmati per l'interazione. Cose che ti serviranno Text Editor Browser Web Mostra più istruzioni 1 Aprire un editor di testo e creare un file di nome pageInsideFrame1.html . Aggiungi un tag " " , un tag " " , un " < /head> " tag , un tag " " , un " < /body> " tag e una " < /html > "tag al file . Mettere un tag " " tra il " <head> " e " < /head> " tag , dare la pagina della "Pagina di telaio interno 1 " titolo e chiudere il " < /title> " tag . Mettere un tag " <h1> " tra il " <body> " e " < /body >" tag e dare alla pagina l'intestazione " Pagina caricata nel fotogramma 1 . " Chiudere il " < /h1 > " tag e salvare e chiudere pageInsideFrame1.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Pagina interna telaio 1 < /title> <br> <p> < /head> <br> <p> <body> <br> <p> <h1> Pagina caricata nel fotogramma 1 < /h1 > <br> < p > < /body> <br> <p> < /html > <br> 2 <p> Utilizzare l' editor di testo per creare un secondo file denominato pageInsideFrame2.html . Aggiungi un tag " <html> " , un tag " <head> " , un " < /head> " tag , un tag " <body> " , un " < /body> " tag e una " < /html > "tag al file . Mettere un tag " <title> " tra il " <head> " e " < /head> " tag , dare la pagina della "Pagina di telaio interno 2" del titolo e chiudere il " < /title> " tag . Mettere un tag " <h1> " tra il " <body> " e " < /body >" tag e dare alla pagina l'intestazione " Pagina caricata in frame 2 . " Chiudere il " < /h1 > " tag e salvare e chiudere pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Pagina interna frame 2 < /title> <br> <p> < /head> <br> <p> <body> <br> <p> <h1> Pagina caricata in fotogramma 2 < /h1 > <br> < p > < /body> <br> <p> < /html > <br> 3 <p> Utilizzare l' editor di testo per creare un terzo file chiamato frameHolder.html . Aggiungi un tag " <html> " , un tag " <head> " , un " < /head> " tag , un tag " <body> " , un " < /body> " tag e una " < /html > "tag al file . Mettere un tag " <title> " tra il " <head> " e " < /head> " tag , dare alla pagina il titolo "Frame Pagina " e chiudere il " < /title> " tag . Mettere un tag " <FRAMESET> " tra il " <body> " e " < /body >" tag . Impostare "righe" del set di frame di attributo a " 150 , * " per indicare il set di frame dovrebbe avere due colonne: una che è larga 150 pixel e quello che dovrebbe essere il più ampio il resto della pagina web. Chiudere il " < /frameset > " tag e salvare frameHolder.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Telaio Page < /title> <br> <p> < /head> <br> <p> <FRAMESET cols="150,*"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > <br> 4 <p> inserire un tag " <frame> " tra il " <frameset> " e " < /frameset >" tag . Impostare il valore del frame " src " a " pageInsideFrame1.html . " Questo tag indica il primo fotogramma ( 150px ) dovrebbe caricare la pagina pageInsideFrame1.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Telaio Page < /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> posto un secondo " <frame> , "tag nel file tra il" <frameset> " e " < /frameset> "tag . Impostare il valore del frame " src " a " pageInsideFrame2.html . " Salvare e chiudere frameHolder.html . Questo tag indica il secondo telaio ( * ) deve caricare la pagina pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Telaio Page < /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> Apri frameHolder.html in un browser . Verificare i due telai di carico con gli attributi previsti. Verificare il primo fotogramma carichi pageInsideFrame1.html e il secondo fotogramma carichi pageInsideFrame2.html . <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>Previous ： <a class='LinkPrevArticle' href='/Programmazione/computer-programming-languages/87759.html' >Come trovare Scripts </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/computer-programming-languages/87761.html' >Come un Centro Div Tag larghezza fissa </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"> Articoli Correlati </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="/Programmazione/computer-programming-languages/87844.html" title="Come chiudere parola da un VBA Script " target="_self">Come chiudere parola da un VBA Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87347.html" title="Come associare ListBox per DataGrid " target="_self">Come associare ListBox per DataGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88319.html" title="Come imparare User Interface Design " target="_self">Come imparare User Interface Design </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86325.html" title="Differenza tra deterministiche e non deterministiche automi finiti " target="_self">Differenza tra deterministiche e non deterministiche au…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87364.html" title="Come utilizzare Mailx l'invio a più indirizzi " target="_self">Come utilizzare Mailx l'invio a più indirizzi </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87593.html" title="Come scrivere script per Mac OS X " target="_self">Come scrivere script per Mac OS X </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87874.html" title="Come aumentare il riempimento tra le colonne in HTML " target="_self">Come aumentare il riempimento tra le colonne in HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88419.html" title="Come utilizzare le variabili SQL in Oracle " target="_self">Come utilizzare le variabili SQL in Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87384.html" title="Differenze tra livello alto e il più basso livello di programmazione Lingue " target="_self">Differenze tra livello alto e il più basso livello di …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88015.html" title="Come distinguere tra DFA e ndfa " target="_self">Come distinguere tra DFA e ndfa </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">Articoli in evidenza </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="/Programmazione/java-programming/90214.html" title="Come convertire una data in UTC Utilizzo di Java " target="_self">Come convertire una data in UTC Utilizzo di Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93723.html" title="Come eseguire uno script Python da un altro script Python " target="_self">Come eseguire uno script Python da un altro script Pyth…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89792.html" title="Una descrizione di Struts per la configurazione XML " target="_self">Una descrizione di Struts per la configurazione XML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85358.html" title="Come di equiparare due cose in una istruzione if in C + + " target="_self">Come di equiparare due cose in una istruzione if in C +…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88267.html" title="Come fare un menu di programma nella TI -83 Programmazione di base " target="_self">Come fare un menu di programma nella TI -83 Programmazi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87151.html" title="Tipi di dati COBOL " target="_self">Tipi di dati COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86568.html" title="Come è UML diverso da altri Modellazione " target="_self">Come è UML diverso da altri Modellazione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91246.html" title="Modifica di un puntatore del mouse in Javascript " target="_self">Modifica di un puntatore del mouse in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88219.html" title="Come creare un file SWF per chiudere " target="_self">Come creare un file SWF per chiudere </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92189.html" title="Come recuperare e visualizzare i record da MySQL con PHP " target="_self">Come recuperare e visualizzare i record da MySQL con PH…</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 © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
