Construa uma tabela visualmente e obtenha HTML limpo. Configure a estrutura à esquerda (linhas, colunas, cabeçalho, legenda, contornos, cores, alinhamento), escreva diretamente na grelha, ou cole dados TSV / CSV / Excel. O HTML é gerado em tempo real e apresentado tanto como código como numa pré-visualização em direto em sandbox. Escolha a saída Clássica (atributos de contorno / cellpadding) ou Moderna (CSS inline), e depois copie o código ou transfira um ficheiro .html autocontido. Tudo é executado localmente — nada é enviado.
Dimensões
Estrutura
Tamanho e contornos
Aspeto
Saída
Cole dados separados por tabulações/quebras de linha (Excel ou TSV), ou separados por vírgulas (CSV, com suporte a aspas).
Células5 × 5clique no pequeno × na margem de uma linha/coluna para a remover
Escreva nas células ou carregue em Gerar para criar o HTML.
Código HTML
Pré-visualização
em sandbox - scripts desativados
Sugestões: o conteúdo das células é escapado em HTML por predefinição, para que entradas do tipo <script> não partam o código gerado nem a pré-visualização; desmarque "Escapar HTML das células" apenas quando quiser mesmo injetar marcação. Cole linhas do Excel como TSV (o botão "Importar dados..." deteta automaticamente tabulações ou vírgulas). A grelha suporta até 100 linhas × 30 colunas, e o iframe de pré-visualização está em sandbox (sem scripts).
Tabelas com significado
<th scope="col"> e scope="row" dizem aos leitores de ecrã o que cada cabeçalho descreve, e um <caption> dá nome à tabela inteira. colspan e rowspan fundem células para dados genuinamente fundidos, mas confundem os analisadores quando usados para layout visual.
Use tabelas para relações de dados e CSS grid ou flexbox para layout — as tabelas de layout prejudicam a acessibilidade e a responsividade.
