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
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
marcar a " fronteira " atributo e configurá-lo igual a " 1 . "
4 Adicione três pares de " tags " de linha de tabela entre o início eo fim
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: | 5 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% "> 6 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. | tabelas aninhadas |
| < ; tr> seção de conteúdo Um < /td> | Seção Conteúdo dois < /h2> < /td> , Seção conteúdo Três < /td> 7 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. Tabela aninhada Navegação 8 Digite o começo eo fim " de mesa " tags entre os " dados da tabela " tags em linha 2, como mostrado: | | 9 Adicionar as duas tags " linha da tabela " entre o começo eo fim "tabela" tags em linha 2 : | < td
10 Adicione cinco pares de tags " de dados da tabela " entre cada par de tags " linha da tabela ", como mostrado :
< td
11 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.
Page One | Página Dois | Página Três | página quatro | página cinco |
Page Six | Página Sete | < ; td> Page Eight Página Nove | Página Dez |
12 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 ">
13
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 .