Conversor de CSV para Tabela HTML

Converte arquivos CSV em um trecho HTML com a marcação `

`/``. 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.

`. Escolha o delimitador, se a primeira linha deve ser usada como cabeçalho e se as linhas devem ser envolvidas em `
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 ``; cada linha seguinte se torna uma linha de tags ``.

        

      

    

  

  

  
  
  

    

      

        
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

          

                          

                

                  
                

                

                  
É recomendado quando possível, pois permite distinguir semanticamente o cabeçalho do corpo. Em ambientes onde o suporte a thead/tbody é instável, como alguns clientes de e-mail, a marcação mínima sem eles costuma ser exibida de forma mais consistente.

                

              

                          

                

                  
                

                

                  
Sim. Vírgulas e quebras de linha dentro de células entre aspas são interpretadas corretamente, então até um CSV complexo copiado do Excel é convertido em HTML sem quebrar a estrutura da tabela.

                

              

                          

                

                  
                

                

                  
Sim. O resultado é uma marcação `` padrão, então pode ser colado diretamente no modo de edição HTML do WordPress ou no corpo de um e-mail HTML.

                

                  
                

                

                  
Não. Toda a conversão acontece em JavaScript executado no seu navegador, e o conteúdo CSV que você insere nunca é transmitido a nenhum servidor.

                

              

    

      

        ツールくん
        
Curiosidade — Por que a tag `

                
              
                          
                      
        
      
    

    
  
  
  
  
` 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 `

                  
` — 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 `
` 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 — `

                  
` continua sendo a escolha mais adequada e acessível, já que leitores de tela conseguem anunciar a relação entre as células `
` e ``.

                  
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.

        
              
    
  




  

    

      
Mais ferramentas nesta categoria