Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como criar uma tabela aninhada
tabelas HTML são usadas para subdividir uma página da web em módulos organizados . Ao utilizar tabelas para layout de página, pode ser necessário para aninhar uma tabela dentro de uma tabela. Uma situação que solicita que este processo é uma mesa de navegação dentro de uma célula de uma tabela de layout de página . Coisas que você precisa
editor de texto, como SourceEdit
software upload de documentos, tais como FileZilla
Server espaço
Show Mais instruções
Layout de Página
1

Digite o seguinte código para criar a página da Web básica XHTML : < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> < html xmlns =" http://www.w3.org/1999/xhtml " xml: lang = " en " Página 2 Tipo

" Nested Table Página de Navegação " entre o < /title> , como mostrado: <title> tabela aninhada Navegação Página < /title> <br> < br > 3 <p> Digite o <table> </table > marcas entre as <body> </body>, dar início <table> marcar a " fronteira " atributo e configurá-lo igual a " 1 . " <table border="1"> </table> <br> 4 <p> Adicione três pares de " tags " de linha de tabela entre o início eo fim <table> </table> etiquetas . Adicione um par de " dados da tabela " tags nas linhas 1 e 2 e três pares de tags " de dados da tabela " para a linha 3 . Em seguida, adicione o atributo " colspan " e configurá-lo igual a " 3" no interior dos " dados da tabela " tags nas linhas 1 e 2, como mostrado: <td colspan="3"> </td > </tr> <td <br> 5 <p> Adicione a "largura " atributo e configurá-lo igual a "100%" , a fim de expandir o tamanho da tabela para a largura da página: < = largura da borda da tabela "1" = " 100% "> <br> 6 <p> Adicione um pouco de conteúdo entre os" dados da tabela "tags nas linhas 1 e 3 , a fim de expandir a mesa para a altura da página. <tr> <td colspan = "3" > <h1> tabelas aninhadas </h1> </td> </tr> <td colspan="3"> </td > </tr> < ; tr> <td> <h2> seção de conteúdo Um </h2> < /td> <td> <h2> Seção Conteúdo dois < /h2> < /td> <td> <h2> , Seção conteúdo Três </h2> < /td> </tr> <br> 7 <p> Salve o documento como " nested- tables.html " e enviá-lo para o servidor. A imagem em anexo é a aparência da página até o momento. <br> Tabela aninhada Navegação <br> 8 <p> Digite o começo eo fim " de mesa " tags entre os " dados da tabela " tags em linha 2, como mostrado: <td colspan="3"> <table> </table> </td> </tr> <br> 9 <p> Adicionar as duas tags " linha da tabela " entre o começo eo fim "tabela" tags em linha 2 : <tr> < td <br> 10 <p> Adicione cinco pares de tags " de dados da tabela " entre cada par de tags " linha da tabela ", como mostrado : <tr> < td <br> 11 <p> Type " Page One " através da "Página Five" entre a primeira linha de tags " de dados da tabela " , e " Page Six " a " Página Dez ", através da segunda linha de dados " tabela" tags. Isso ajudará a preencher o espaço para demonstrar a estrutura da tabela aninhada. <tr> <td> Page One </td> <td> Página Dois </td> <td> Página Três </td> <td> página quatro </td> <td> página cinco </td > </tr> <td> Page Six </td> <td> Página Sete </td> < ; td> Page Eight </td> <td> Página Nove </td> <td> Página Dez </td> </tr> <br> 12 <p> Adicione os atributos de largura e de fronteira para o começo "mesa" tag na tabela linha do layout da página 2 , a definição da " largura " igual a " 100% " e " fronteira " igual a " 1" : < largura da tabela = " 100% " border = " 1 "> <br> 13 <p> Salvar e enviar o seu documento. Como você pode ver na imagem em anexo , a tabela de layout de página rodeia a mesa de navegação. O quadro de navegação está aninhada dentro da tag " os dados da tabela " da linha 2 . <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/88784.html' >Árvore binária métodos de travessia </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/87333.html" title="Como transferir funções em MATLAB " target="_self">Como transferir funções 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/87557.html" title="Como instalar o Turbo Pascal " target="_self">Como instalar o Turbo Pascal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86371.html" title="O que são leves de layout e Linguagens de marcação " target="_self">O que são leves de layout e Linguagens de marcação </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88761.html" title="Guia de um novato absoluto de Programação " target="_self">Guia de um novato absoluto de Programação </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/87131.html" title="Como criar uma lista de distribuição compartilhado no SAP " target="_self">Como criar uma lista de distribuição compartilhado no…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87550.html" title="Como exibir o processo Apache " target="_self">Como exibir o processo Apache </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86440.html" title="Você pode ter cores VS para SQL " target="_self">Você pode ter cores VS para SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87055.html" title="Como converter valores do Registro binários para String " target="_self">Como converter valores do Registro binários para Strin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86494.html" title="O que faz fora dos limites média em um computador " target="_self">O que faz fora dos limites média em um computador </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/88493.html" title="Como abrir arquivos Sip " target="_self">Como abrir arquivos Sip </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87504.html" title="A diferença entre excluir e truncar no Oracle " target="_self">A diferença entre excluir e truncar no Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88470.html" title="Como editar um arquivo DBX " target="_self">Como editar um arquivo DBX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85390.html" title="Como usar Breadcrumbs em Masterpage " target="_self">Como usar Breadcrumbs em Masterpage </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87941.html" title="Silverlight Sockets Tutorial " target="_self">Silverlight Sockets Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87050.html" title="Tutoriais para o Flash AS3 Autocomplete " target="_self">Tutoriais para o Flash AS3 Autocomplete </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86889.html" title="Como criar um script de login no OES " target="_self">Como criar um script de login no OES </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88629.html" title="Como calcular linhas de código " target="_self">Como calcular linhas de código </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85816.html" title="Como escrever um + + Programa Média C " target="_self">Como escrever um + + Programa Média C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88217.html" title="Introdução à decomposição singular do valor " target="_self">Introdução à decomposição singular do valor </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>