🔗 Tabelas Encadeadas

Introdução

Tabelas encadeadas são tabelas inseridas dentro de células de outras tabelas.

Esse recurso permite criar estruturas mais detalhadas para organizar informações complexas.

📌 Uma tabela pode conter outra tabela dentro de um elemento <td> ou <th>.

Conceito de Tabela Encadeada

Uma tabela principal pode possuir uma tabela secundária dentro de uma de suas células.

Informações do Aluno

Campo	Valor
Nome	Maria

Estrutura HTML

<table>

  <tr>

    <td>


      <table>

        <tr>
          <td>
            Dados
          </td>
        </tr>

      </table>


    </td>

  </tr>

</table>

Exemplo: Cadastro de Cliente

Cadastro

Cliente

Nome	João
Cidade	São Paulo

Quando Utilizar?

Tabelas encadeadas devem ser utilizadas somente quando existe uma necessidade real de representar dados relacionados.

Relatórios detalhados.
Informações agrupadas.
Documentos empresariais.
Estruturas administrativas.
Dados complementares.

Exemplo de Relatório

Produto

Detalhes

Notebook

Característica	Informação
Memória	16GB
Armazenamento	SSD

Vantagens

Benefício	Descrição
Organização	Agrupa informações relacionadas.
Detalhamento	Permite apresentar dados adicionais.
Flexibilidade	Cria estruturas complexas.

Cuidados no Uso

Evitar excesso de níveis.
Garantir boa organização.
Manter código legível.
Testar em dispositivos móveis.
Utilizar CSS para melhorar o visual.

Problemas Comuns

Problema	Solução
Muitas tabelas internas	Reavaliar a estrutura.
Código difícil de manter	Separar responsabilidades.
Layout quebrado	Aplicar CSS responsivo.

⚠️ Atualmente tabelas não devem ser usadas para criar layouts de páginas. Utilize CSS Flexbox e Grid para isso.

Boas Práticas

Usar tabelas apenas para dados.
Aplicar estrutura semântica.
Evitar aninhamentos profundos.
Priorizar acessibilidade.
Manter o HTML organizado.

Resumo

Elemento	Função
<table>	Cria uma tabela.
<td>	Pode conter outra tabela.
Tabela encadeada	Tabela dentro de tabela.

📌 Tabelas encadeadas permitem representar informações complexas, porém devem ser utilizadas com planejamento.

🎓 Aula concluída! Agora você conhece tabelas encadeadas e sabe quando utilizar essa técnica em projetos HTML.