Como usar: Gerador de Tabela HTML
- Digite nas células — a primeira linha vira o cabeçalho da tabela (
<th>). - Cole um intervalo do Excel ou do Google Sheets em uma célula para preencher muitas células de uma vez.
- Defina o alinhamento das colunas pelos botões acima de cada coluna.
- 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?
| 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 com células , que os leitores de tela usam para anunciar as colunas. | Posso estilizar a tabela?Adicione uma classe ao |
|---|