Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como criar um conjunto de quadros em um Doc HTML
quadros HTML permitem que os desenvolvedores da Web exibir várias páginas da Web, opiniões ou componentes de páginas em uma única janela do navegador. Muitas vezes , os quadros são usados ​​para componentes de páginas Web separadas , tais como banners e conteúdo, e permitir a manipulação de cada seção de forma independente. Os conjuntos de quadros , ou um agrupamento de quadros , pode ser definida como linhas ou colunas , ou qualquer combinação das duas. Uma vez colocado em um quadro dentro de um conjunto de quadros, as páginas da Web incluído tornar-se parte da interface geral do usuário e podem ser programados para a interação . Coisas que você precisa
editor de texto
browser
Show Mais instruções
1

Abra um editor de texto e criar um arquivo chamado pageInsideFrame1.html . Adicionar um " " tag, uma tag " " , uma tag " " , um " " tag, um " " tag e um " " tag ao arquivo. Coloque uma etiqueta de " " entre o " <head> " e " </head> " Tag, dar a página o título "Página Dentro do quadro 1" e fechar o " " tag. Coloque uma etiqueta de "

" entre o " " e " " tags e dar a página de cabeçalho " Página carregada em Quadro 1 . " Feche a tag "

" e salvar e fechar pageInsideFrame1.html .



Página interna Quadro 1



Página carregada em Quadro 1




2

Use o editor de texto para criar um segundo arquivo chamado pageInsideFrame2.html . Adicionar um " " tag, uma tag " " , uma tag " " , um " " tag, um " " tag e um " " tag ao arquivo. Coloque uma etiqueta de " " entre o " <head> " e " </head> " Tag, dar a página o título "Página Dentro Frame 2 " e feche o " " tag. Coloque uma etiqueta de "

" entre o " " e " " tags e dar a página de cabeçalho " Página carregada em Frame 2 . " Feche a tag "

" e salvar e fechar pageInsideFrame2.html .



Página interna frame 2



Página carregada em frame 2




3

Use o editor de texto para criar um terceiro arquivo chamado frameHolder.html . Adicionar um " " tag, uma tag " " , uma tag " " , um " " tag, um " " tag e um " " tag ao arquivo. Coloque uma etiqueta de " " entre o " <head> " e " </head> " Tag, dar a página o título " Estrutura da Página " e feche o " " tag. Coloque uma etiqueta de " " entre o " " e " " tags. Defina " linhas " atributo do conjunto de quadros para " 150, * " para indicar o conjunto de quadros deve ter duas colunas : uma que é de 150 pixels de largura e uma que deve ser tão grande como o restante da página da web. Feche o " " tag e salvar frameHolder.html .



Quadro de página




< /body>


4

Coloque uma tag " " entre o " " e " " tags . Defina o valor do quadro "src " para " pageInsideFrame1.html ". Essa marca indica o primeiro quadro ( 150px ) deve carregar a página pageInsideFrame1.html .



Estrutura da Página < /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> Coloque um segundo <frame> " , " marca no arquivo entre o" <frameset> " e " </frameset > " tags. Defina o valor do quadro "src " para " pageInsideFrame2.html ". Salve e feche frameHolder.html . Essa marca indica que o segundo quadro (*) devem carregar a página pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Estrutura da Página < /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> Abrir frameHolder.html em um navegador web. Verificar se os dois quadros de carregar com os atributos esperados . Verifique se o primeiro carrega quadro pageInsideFrame1.html ea segunda cargas quadro pageInsideFrame2.html . <br> <br> <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/computer-programming-languages/87759.html' >Como encontrar Scripts </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <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"> Os artigos relacionados </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://ptcomputador.com/P/computer-programming-languages/86463.html" title="Como calcular o THD em MATLAB " target="_self">Como calcular o THD em MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87523.html" title="Como referência Botões em AS3 " target="_self">Como referência Botões em AS3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87356.html" title="Como substituir um Tag H2 " target="_self">Como substituir um Tag H2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87513.html" title="A diferença entre um Helios & Galileo Eclipse " target="_self">A diferença entre um Helios & Galileo Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86493.html" title="O que é Csc.exe Do Microsoft Corporation " target="_self">O que é Csc.exe Do Microsoft Corporation </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86766.html" title="Como adicionar texto em um arquivo INP por Python " target="_self">Como adicionar texto em um arquivo INP por Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87427.html" title="Como escrever Apps Cacau " target="_self">Como escrever Apps Cacau </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87472.html" title="Como Excluir do T-SQL " target="_self">Como Excluir do T-SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86877.html" title="Caixa de seleção ColdFusion Tutorial " target="_self">Caixa de seleção ColdFusion Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87234.html" title="Como obter um objeto se mova com o cursor no NetBeans " target="_self">Como obter um objeto se mova com o cursor no NetBeans </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">Artigos em destaque </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="http://ptcomputador.com/P/computer-programming-languages/87584.html" title="Como desenvolver a lógica de um programa que continuamente aceita dados Employee " target="_self">Como desenvolver a lógica de um programa que continuam…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85979.html" title="Como limpar um stringstream " target="_self">Como limpar um stringstream </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87020.html" title="Como passar variáveis ​​para CGI De um conjunto de quadros " target="_self">Como passar variáveis ​​para CGI De um conjunto de qua…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86766.html" title="Como adicionar texto em um arquivo INP por Python " target="_self">Como adicionar texto em um arquivo INP por Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86799.html" title="Como calcular o interruptor Overhead " target="_self">Como calcular o interruptor Overhead </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87612.html" title="Como Reescrever uma Declaração Then_If " target="_self">Como Reescrever uma Declaração Then_If </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86473.html" title="Como formatar Decimals Usando AWK " target="_self">Como formatar Decimals Usando AWK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87524.html" title="Como configurar Heap Tamanho em Eclipse " target="_self">Como configurar Heap Tamanho em Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85216.html" title="O que fazer com um erro de Trapped in C " target="_self">O que fazer com um erro de Trapped in C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/86080.html" title="Como criar arquivo Pyc para execução em Web " target="_self">Como criar arquivo Pyc para execução em Web </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>