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 " <meta name="viewport" content="width=device-width, initial-scale=1.0"></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 " <meta name="viewport" content="width=device-width, initial-scale=1.0"></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 " <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> " Tag, dar a página o título " Estrutura da Página " e feche o " " tag. Coloque uma etiqueta de "
" tag e salvar frameHolder.html .
Quadro de página
< /body>
4
Coloque uma tag " " entre o "
" 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> <meta name="viewport" content="width=device-width, initial-scale=1.0"></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> <meta name="viewport" content="width=device-width, initial-scale=1.0"></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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script><!-- pt computador 4 --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="5429850767" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</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='/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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 https://ptcomputador.com Todos os Direitos Reservados
</div>
</div>
</body>
</html> 