Gerador de Tabela HTML — Crie Tabelas Visualmente

Digite seus dados em um editor no estilo planilha — ou cole do Excel ou do Google Sheets — e copie o código de tabela HTML limpo e semântico, com <thead>, <tbody> e alinhamento, pronto para seu site, CMS ou e-mail.

Atualizado em
Dica: cole um intervalo copiado do Excel ou Google Sheets em qualquer célula.

Importar

Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

Como usar: Gerador de Tabela HTML

  1. Digite nas células — a primeira linha vira o cabeçalho da tabela (<th>).
  2. Cole um intervalo do Excel ou do Google Sheets em uma célula para preencher muitas células de uma vez.
  3. Defina o alinhamento das colunas pelos botões acima de cada coluna.
  4. Copie o HTML — troque para Markdown se precisar dele para um README.

Anatomia de uma tabela HTML

<table>
  <thead>
    <tr><th scope="col">Plano</th><th scope="col" style="text-align: right">Preço</th></tr>
  </thead>
  <tbody>
    <tr><td>Pro</td><td style="text-align: right">$12</td></tr>
  </tbody>
</table>
  • <thead> e <th scope="col"> marcam a linha de cabeçalho, para que leitores de tela anunciem o nome da coluna em cada célula.
  • <tbody> contém as linhas de dados; os navegadores o adicionam de qualquer forma, mas escrevê-lo mantém seus seletores CSS previsíveis.
  • Use tabelas apenas para dados tabulares — para o layout da página, use CSS Grid.

Tabelas em e-mails

Clientes de e-mail ignoram a maior parte do CSS, então mantenha a tabela simples e use os atributos de alinhamento que o gerador adiciona. Teste nos clientes que você mais usa.

Tem os dados em um arquivo CSV? A ferramenta CSV para Tabela HTML faz a conversão direta.

Também pesquisado como: criar tabela html, código de tabela html, gerador de tabelas html, excel para tabela html, criador de tabela html, tabela html online, construtor de tabela html.

Ferramentas que combinam com: Gerador de Tabela HTML

  • Gerador de Select — Chega de digitar listas de opções na mão.
  • Gerador de Tabela Markdown — Monte uma tabela num editor tipo planilha — ou cole células do Excel, Google Sheets ou CSV — defina o alinhamento das colunas e obtenha uma tabela Markdown bem alinhada (no estilo GitHub) ou um HTML limpo.
  • Formatador HTML — Cole HTML minificado ou bagunçado e receba um código limpo e com indentação consistente, incluindo os blocos <style> e <script> embutidos.
  • Minificador de HTML — Reduza páginas e templates HTML removendo comentários e espaços em branco desnecessários, minificando <style> e <script> inline e limpando atributos, sem alterar o layout.

Perguntas frequentes

Como faço uma tabela HTML?
Preencha o editor aqui e copie o código gerado — ou escreva
, um para cada linha, com células
para as células de cabeçalho e para as células de dados.
Como converto uma planilha do Excel em tabela HTML?
Copie as células no Excel e cole-as na primeira célula do editor. O HTML é atualizado instantaneamente.
O HTML é acessível?
Sim — a linha de cabeçalho fica em
, que os leitores de tela usam para anunciar as colunas.
Posso estilizar a tabela?
Adicione uma classe ao e estilize-a no seu CSS; o código gerado não tem estilos inline, exceto text-align nas colunas alinhadas.
Posso instalar o Gerador de Tabela HTML como um aplicativo da web e usá-lo offline?
Sim. O Gerador de Tabela HTML é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

Ferramentas relacionadas