Gerador de tabela HTML acessível a partir de células ou CSV

Como usar

Digite as células na grade, ou cole CSV ou TSV em Colar CSV ou TSV e clique em Carregar na tabela.
Marque A primeira linha é um cabeçalho e A primeira coluna é um cabeçalho para indicar as células de cabeçalho.
Digite uma Legenda que diga o que a tabela mostra. Marque Acrescentar um estilo mínimo se a tabela precisar de bordas.
Copie a caixa HTML ou clique em Baixar, e cole a marcação na sua página.

Por que as células de cabeçalho têm escopo

Uma célula de cabeçalho é um elemento th, não um td. Seu atributo scope diz quais células ela identifica: col para um cabeçalho acima de uma coluna, e row para um cabeçalho no início de uma linha. Os leitores de tela anunciam esses cabeçalhos junto com cada célula de dados, então um visitante que não vê a grade ainda sabe o que um número significa.

A legenda é o título da tabela inteira, e é a primeira coisa dentro da tabela. Escreva uma legenda que diga o que a tabela mostra, como Vendas mensais, em vez de deixá-la de fora. A seção de tabelas HTML (em inglês) descreve esses elementos.

cabeçalho acima de uma coluna: th com scope col;  cabeçalho no início de uma linha: th com scope row;  dados: td

Colar de uma planilha e o escape

Texto CSV separa as células com vírgulas, ponto e vírgula ou tabulações, e uma célula que tem um desses caracteres fica entre aspas duplas. Copiar células de uma planilha costuma gerar texto separado por tabulações. Planilhas que usam vírgula como separador decimal costumam salvar arquivos CSV com ponto e vírgula. Detectar lê a primeira linha e escolhe o separador que mais aparece.

O texto de cada célula recebe escape antes de ser escrito. Um caractere como o sinal de menor ou o e comercial vira uma referência de caractere, então aparece como texto na página e nunca é lido como marcação. Uma linha curta é completada com células vazias, então todas as linhas têm o mesmo número de células.

Exemplo resolvido: uma tabela de duas colunas, com linha e coluna de cabeçalho

Use as células Mês e Vendas na primeira linha, e jan e 1.200 na segunda, com a primeira linha e a primeira coluna como cabeçalhos e a legenda Vendas.

A tabela começa com um elemento caption que traz Vendas, depois um cabeçalho com duas células de cabeçalho, cada uma com o scope col, seguido de um corpo em que jan é uma célula de cabeçalho com o scope row e 1.200 é uma célula de dados.

Perguntas frequentes

Para que serve o atributo scope?

Ele diz à tecnologia assistiva quais células um cabeçalho identifica. Um scope col significa que o cabeçalho fica acima da sua coluna, e um scope row significa que ele fica no início da sua linha. Sem scope, um leitor de tela precisa adivinhar a relação.

Quando devo usar a coluna de cabeçalho?

Use quando a primeira coluna identifica cada linha, como um produto, uma pessoa ou um mês. Uma tabela de números sem nomes de linha não precisa dela, então deixe-a desmarcada.

Por que a tabela precisa de legenda?

A legenda dá à tabela um título que os leitores de tela anunciam antes das células. Ela também ajuda quem enxerga a entender do que a tabela trata num relance, então escreva uma sempre que a tabela se sustentar sozinha.

Qual separador devo escolher para uma planilha?

Escolha Tabulação para texto copiado de uma planilha, e Ponto e vírgula para um arquivo CSV salvo em um idioma que usa vírgula como separador decimal. Detectar funciona na maioria dos casos, e a visualização mostra o resultado antes de você copiar.

O estilo mínimo altera outras tabelas da minha página?

Sim, se você colá-lo na página como está, porque o elemento style vale para todas as tabelas da página. Deixe-o de fora quando sua página já estilizar as tabelas, ou copie só as regras de que precisa.

A tabela que eu digito ou colo é enviada ou guardada em algum lugar?

Não. A tabela, a visualização e o HTML são feitos no seu navegador. Nada é guardado nem enviado para o nosso servidor, então copie o HTML ou baixe-o antes de sair da página.

Fontes

Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.