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><meta name=viewport content="width=device-width, initial-scale=1.0"> " 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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> " , un " < /head> " tag , un tag " <body> " , un " < /body> " tag e una " < /html > "tag al file . Mettere un tag " <title> " tra il " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " 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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> " , un " < /head> " tag , un tag " <body> " , un " < /body> " tag e una " < /html > "tag al file . Mettere un tag " <title> " tra il " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " 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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Computer-Programming-Languages/1175518.html' >Come trovare Scripts </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Computer-Programming-Languages/1175522.html' >Come un Centro Div Tag larghezza fissa </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Computer-Programming-Languages/1175428.html" target="_blank">Come sostituire Div. testo con i CSS </a></li><li><a href="/Programmazione/C--C-----Programming/1170598.html" target="_blank">Come incorporare RESX nel CSC Compiler </a></li><li><a href="/Programmazione/C--C-----Programming/1171896.html" target="_blank">Come fare un file SWF da C + + </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191542.html" target="_blank">Adobe Flash 9 Problemi </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183064.html" target="_blank">Come installare MySQL file in PHP </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173644.html" target="_blank">Come portare l'attenzione su un nuovo link in jQuery </a></li><li><a href="/Programmazione/Java-Programming/1179100.html" target="_blank">Come recuperare risultati da SQLite in Android </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190990.html" target="_blank">Come presentare una domanda di Visual Basic per protetto da password thumb drive </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Computer-Programming-Languages/1172866.html" target="_blank">Mainframe JCL Procedure </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174918.html" target="_blank">Come convertire binario a Byte </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174454.html" target="_blank">Come caricare bonjour.msi </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177724.html" target="_blank">Come modificare i margini elemento utilizzando HTML Programmazione </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174522.html" target="_blank">Differenze tra oggetto Tipi di dati astratti e astrazione dei dati </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175080.html" target="_blank">Come stampare una stringa in MATLAB </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176624.html" target="_blank">Come fare programmi di gioco su una TI-83 Plus </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1172942.html" target="_blank">Numero di elementi su MATLAB </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175152.html" target="_blank">Come convertire Joomla al K2 </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174970.html" target="_blank">Usi dei logaritmi in Computer </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>