A tabela é uma etiqueta no XHTML que está em uma situação embaraçosa. Esta seção está disponível apenas para compreensão.
Antes de o CSS se tornar popular, as tabelas eram amplamente utilizadas no posicionamento. No XHTML, as tabelas não são recomendadas para o posicionamento e o W3C espera que o CSS possa substituir a posição do <tabela> no posicionamento. No entanto, de fato, porque o uso do layout do CSS geralmente requer muito trabalho de código manuscrito (o software comum de web design, como o DreamWeaver, não pode suportar perfeitamente a exibição do DIVS), <table> ainda é usado por muitos sites para usar o layout da página inicial, como a página mais produtos do Google usa tabelas para posicionamento. No entanto, eu recomendo pessoalmente que você comece a usar CSS para localizar páginas da web, porque essa é a direção do desenvolvimento da Web. Obviamente, a substituição de tabelas por CSS nos estágios iniciais pode causar muitos problemas.
No XHTML, a tag para criar uma tabela é <table>. Ao escrever código, devemos primeiro usar a tag <tr> para dividir a tabela em linhas e linhas e depois usar a tag <td> para dividir cada linha em grades e grades. Criar tabelas com código manuscrito completo é muito difícil e ineficiente e, e fazer tabelas no software de produção de páginas da web é tão simples quanto o Word, você só precisa selecionar atributos simples, como linhas e colunas. No entanto, podemos encontrar a possibilidade de que as tabelas fabricadas automaticamente não atendam aos requisitos e precisem ser ajustadas no padrão de código. Portanto, ainda precisamos entender a escrita específica das tags de tabela XHTML.
A tag <tabela> pode ter um atributo de fronteira. Se o valor do atributo de borda não estiver definido, por padrão, o navegador não exibirá a borda da tabela.
Vamos criar um rótulo de quatro linhas e duas colunas, o código é o seguinte:
| <borda da tabela = 1> <tr> <td> uma grade </td> <td> uma grade </td> </tr> <tr> <td> uma grade </td> <td> uma grade </td> </tr> <tr> <td> uma grade </td> <td> uma grade </td> </tr> <tr> <td> uma grade </td> <td> uma grade </td> </tr> </tabela> |
O resultado é exibido da seguinte forma: Preste atenção ao código acima, existem 4 pares de <tr>, correspondendo às 4 linhas a seguir. E sem um <tr> (linha), existem duas células <Td>. Portanto, torna -se uma tabela de 4 linhas e 2 colunas.
| Uma grade | Uma grade |
| Uma grade | Uma grade |
| Uma grade | Uma grade |
| Uma grade | Uma grade |
Tais tabelas são suficientes para listar informações como dados, mas as tabelas usadas para localizar geralmente são mais complicadas. Novamente, não recomendamos o uso da tabela para posicionamento, por isso apenas apresentaremos brevemente <tabela> aqui.