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.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
HTML Attribute Sorter / Cleaner
Ordene, normalize e limpe atributos em snippets HTML.
Utilitários Diversos
›
Minificador / Formatador de HTML
Comprima e formate código HTML instantaneamente.
SEO e Webmaster
›
Visualizador CSV / CSV para tabela
Visualize o CSV como uma tabela e converta-o para JSON.
CSV e Dados
›
Gerador de grade CSS
Crie layouts de grade CSS com colunas, linhas, lacunas, alinhamento, visualização ao vivo e CSS pronto para cópia.
Utilitários Diversos
›
Preview de Markdown
Visualize Markdown e copie HTML renderizado instantaneamente.
Texto e Conteúdo
›
Perguntas frequentes sobre tabelas HTML
Posso importar dados de uma planilha?
Sim. Cole CSV separado por vírgulas ou dados separados por tabulação copiados de uma planilha.
A tabela gerada funciona em celulares?
Sim. A opção responsiva envolve a tabela em um contêiner com rolagem horizontal.
O HTML gerado é acessível?
Com cabeçalhos ativados, a primeira linha é gerada como cabeçalhos de coluna com scope dentro de thead. Você também pode adicionar caption.
Os dados são enviados ao servidor?
Não. Edição, importação, preview e geração acontecem localmente no navegador.