Conversor de CSV para Tabela HTML
Converte arquivos CSV em um trecho HTML com a marcação <table><tr><td>. Escolha o delimitador, se a primeira linha deve ser usada como cabeçalho e se as linhas devem ser envolvidas em <thead>/<tbody>. O resultado é pré-visualizado ao vivo e pode ser copiado ou baixado. A conversão ocorre inteiramente no seu navegador; nenhum dado é enviado a um servidor.
| Delimitador |
|
|---|---|
| Usar a primeira linha como cabeçalho | |
| Envolver em thead/tbody |
Pré-visualização
Código HTML
Copiado!Digite os dados CSV para ver aqui a tabela HTML gerada.
Como uma linha de CSV corresponde a uma tabela HTML
| Uma linha de CSV | name,age,city |
|---|---|
| Marcação HTML resultante | <tr><td>name</td><td>age</td><td>city</td></tr> |
Quando a primeira linha é usada como cabeçalho, ela se torna uma linha de tags <th>; cada linha seguinte se torna uma linha de tags <td>.
Dicas
- Ao colar em um e-mail HTML ou em um CMS antigo sem suporte a Markdown, a saída mínima sem thead/tbody costuma ser mais fácil de usar.
- Qualquer
<,>ou&dentro de uma célula é automaticamente escapado para entidades HTML, então colar o código gerado não vai quebrar o layout. - A pré-visualização renderiza a tabela convertida exatamente como um navegador faria, permitindo conferir a aparência antes de copiar o código.
- Combine com as ferramentas irmãs CSV para Markdown e CSV para JSON para converter um mesmo CSV no formato que você precisar.
Perguntas Frequentes
<table> padrão, então pode ser colado diretamente no modo de edição HTML do WordPress ou no corpo de um e-mail HTML.
Curiosidade — Por que a tag <table> se recusa a desaparecer
No final dos anos 1990, no início da Web, o "layout em tabelas" — montar toda a estrutura de uma página com tags <table> — era a norma. O CSS da época tinha pouquíssimo poder de layout, e as tabelas eram praticamente o único recurso viável para organizar conteúdo em múltiplas colunas, então o código HTML daquela era estava repleto de elementos <table> que nada tinham a ver com dados tabulares.
Agora que o CSS amadureceu e Flexbox e Grid são amplamente usados, usar tabelas para layout é considerado um antipadrão conhecido. Mas para seu propósito original — representar dados reais organizados em linhas e colunas — <table> continua sendo a escolha mais adequada e acessível, já que leitores de tela conseguem anunciar a relação entre as células <th> e <td>.
A necessidade de colar conteúdo de CSV em um post de blog ou em um boletim por e-mail continua comum, já que e-mails HTML não conseguem renderizar Markdown e alguns CMSs não têm plugin de Markdown. Uma ferramenta que converte o resultado de uma planilha em uma tabela HTML com um clique atende a essa necessidade prática simples, porém persistente.