Gerador de tabelas HTML
Edite células ou importe CSV/TSV, configure a tabela, revise o preview e copie o HTML pronto.
Dados da tabela
Cole dados de um arquivo CSV ou copie células de uma planilha e depois selecione Importar dados.
Preview
HTML gerado
Sobre este gerador de tabelas HTML
Esta ferramenta cria tabelas HTML semânticas a partir de uma grade editável ou dados CSV e TSV importados. Ela gera cabeçalhos, linhas, caption opcional e um contêiner responsivo.
O snippet gerado usa estilos inline para que bordas, espaçamento, alinhamento e linhas alternadas funcionem imediatamente.
Como usar
- Edite as células diretamente ou importe dados CSV ou TSV.
- Adicione ou remova linhas e colunas, depois escolha as opções da tabela.
- Revise o preview e copie o HTML gerado.
Dicas
- Use a primeira linha como cabeçalhos para gerar um thead acessível com th e scope.
- Adicione um caption curto quando a tabela precisar de contexto adicional.
- Mantenha o contêiner responsivo ativado para tabelas largas em telas móveis.
- Use HTML Attribute Sorter / Cleaner depois se preferir outra ordem de atributos.
Checks de estrutura de tabela
Scope dos cabeçalhos
Use células de cabeçalho quando colunas ou linhas precisarem de labels. Isso ajuda screen readers e leitura de tabelas grandes.
Contexto com caption
Um caption curto ajuda quando a tabela aparece longe do texto explicativo ou é reutilizada em documentação.
Largura responsiva
Tabelas largas devem rolar horizontalmente em telas pequenas em vez de comprimir texto em colunas ilegíveis.
Limpeza de dados
Revise CSV ou TSV importado para colunas vazias, fórmulas copiadas, tabs extras e quebras de linha acidentais.
Verificações de HTML table antes de copiar generated markup
Generated tables economizam tempo, mas accessibility, responsive behavior, captions e qualidade de imported data ainda precisam de revisão.
Use semantic headers
Ative header cells e correct scope quando rows ou columns precisam de labels para screen readers e datasets grandes.
Adicione captions úteis
Use captions quando a table precisa de contexto fora do parágrafo próximo ou pode ser reutilizada em documentation.
Confira responsive width
Preview wide tables em mobile para que columns façam scroll ou wrap sem tornar data ilegível.
Limpe imported data
Revise CSV ou TSV imports por empty columns, copied formulas, extra tabs e accidental line breaks.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.