Gerador de tabelas HTML
A tabela de que precisa — não a folha de cálculo que quase abriria
Grelhas de preços, comparações de especificações ou resumos de envio raramente justificam Excel e HTML a limpar depois. Este gerador de tabelas HTML começa pelo número de linhas e colunas, deixa escrever nas células e produz um `<table>` para colar em blocos CMS, módulos de e-mail ou wikis internos. Se compara uma ferramenta de criação de tabelas HTML com markup manual, o fluxo aqui é mais editar uma grelha pequena do que manter um livro. Ajusta a estrutura na barra de ferramentas, formata inline — a pré-visualização e o painel HTML mantêm-se sincronizados. Útil quando quer gerar HTML de tabela uma vez e publicar.
Markup em que pode confiar antes de ir para produção
Uma grelha 4×6 são vinte e quatro etiquetas `<td>` — mais `<thead>` se a primeira linha for cabeçalho. Uma etiqueta de fecho em falta ou um `rowspan` que não coincide com a linha seguinte chega para partir um modelo de e-mail ou meter um bloco CMS em modo seguro. O editor desta página é feito para esse trabalho: redimensionar linhas e colunas, unir etiquetas com Shift+clique, negritar um preço, inserir ligações ou imagens do computador sem sair da grelha. Ao nível da tabela define o que os modelos pedem: `border`, `cellpadding`, `width`, `id`, `class`, união de contornos e alguns temas de cor — sem pintar cada célula à mão. Quando o layout estiver certo na pré-visualização, passe ao separador HTML e copie o fragmento, ou descarregue um documento completo com CSS básico de tabela para verificação rápida no navegador.
Muitas ferramentas que geram HTML para tabelas limitam-se a exportar folhas de cálculo ou mostram código sem render fiável. Aqui pré-visualização e fonte ficam ligadas: edita à esquerda, vê o render à direita, etiquetas a um clique. Este controlo bidirecional apanha cedo células a mais após união, `</th>` em falta ou espaçamentos bons na grelha mas errados no iframe. O processamento fica no navegador — o conteúdo da tabela não é enviado para «conversão».
Abrir o gerador de tabelas HTMLEdição e pré-visualização lado a lado
Alterações na grelha atualizam a pré-visualização ao vivo e a cadeia de exportação em conjunto — não adivinha como os atributos serão escritos.
Imagens por URL ou do computador
Fotos de produto ou ícones numa célula por ligação ou ficheiro local — prático para catálogos e tabelas comparativas.
Fragmento ou documento completo
Copie só o `<table>` para páginas existentes ou exporte um ficheiro HTML para verificação rápida no navegador.
O que distingue este gerador de tabelas HTML
Editor de grelha focado, markup honesto e pré-visualização que apanha erros antes de colar — não mais um passo de exportação Excel.
Caminho mais curto da grelha vazia ao HTML pronto a colar
Defina linhas e colunas, transforme a primeira linha em cabeçalho `<thead>` se precisar, acrescente legenda e preencha células — sem exportar folha de cálculo. Inserir linha, eliminar coluna, unir células: tudo no menu «Tabela», num só ecrã. A saída é markup de tabela simples, como CMS e ferramentas de e-mail esperam — não um invólucro cheio de estilos inline indesejados.
- Grelha com união e formatação
- Pré-visualização e HTML sincronizados
- Imagens locais nas células
- No navegador — sem upload
Como usar o gerador de tabelas HTML
Definir a forma da tabela
Introduza linhas e colunas, active «Primeira linha como cabeçalho» se a linha superior deve ser `<th>`, abra opções da tabela para largura, contornos, legenda ou tema. Pode redimensionar depois; uniões e conteúdo mantêm-se se a grelha permitir.
Preencher e formatar células
Clique numa célula e escreva. Use a barra de formatação para ênfase, ligações ou imagens (URL ou local). Para unir: célula inicial, Shift+clique no canto oposto, depois «Unir células» no menu Tabela. «Dividir célula» repõe células individuais.
Comparar pré-visualização e HTML
Mantenha o separador Pré-visualização aberto enquanto edita. Se algo falhar — colunas desalinhadas após união, cabeçalho que não abrange — verifique `colspan` e `rowspan` no HTML. Poupa uma ida à pré-visualização do CMS.
Exportar e verificar no contexto real
Copie o fragmento, descarregue `.html` ou envie a tabela para o Playground da página inicial. Clientes de e-mail e CMS ainda têm peculiaridades — vale uma verificação no destino real — mas parte de etiquetas de tabela semânticas limpas, não de reparação.
FAQ — gerador de tabelas HTML
Pronto para criar a sua tabela?
Esboce a grelha, alinhe pré-visualização com HTML, depois copie quando coincidirem.
Gerador de tabelas HTML
- Grelha com união e formatação
- Imagens locais e pré-visualização ao vivo
- Exportar fragmento ou documento HTML completo
- No signup; use the tool in the browser
Clientes de e-mail e CMS ainda variam — após colar, confirme espaçamentos no ambiente real.
HTML `<table>` pronto a colar
Crie visualmente, valide na pré-visualização, copie o mesmo markup no separador HTML.