Conversor de CSV a Tabla HTML

Convierte archivos CSV en un fragmento HTML con el marcado `

`/``. El resultado se previsualiza en vivo y se puede copiar o descargar. La conversión se realiza completamente en tu navegador; no se envían datos a ningún servidor.

`. Elige el delimitador, si se usa la primera línea como encabezado y si las filas se envuelven en `
Delimitador
Usar la primera línea como encabezado
Envolver en thead/tbody

Vista previa

Código HTML


            
            ¡Copiado!
            
          

          
Introduce datos CSV para ver aquí la tabla HTML generada.

        

      


      
      

        

          
Cómo se corresponde una fila de CSV con una tabla HTML

          

            

              
                

                  Una fila de CSV
                  name,age,city
                

                

                  Marcado HTML resultante
                  <tr><td>name</td><td>age</td><td>city</td></tr>
                

              
            

          

          
Cuando la primera línea se usa como encabezado, se convierte en una fila de etiquetas ``; cada fila posterior se convierte en una fila de etiquetas ``.

        

      

    

  

  

  
  
  

    

      

        
Consejos

        
    
                      
  • Al pegar en un correo HTML o en un CMS antiguo sin soporte para Markdown, la salida mínima sin thead/tbody suele ser más fácil de usar.
    • 
                      
  • Cualquier `<`, `>` o `&` dentro de una celda se escapa automáticamente a entidades HTML, así que pegar el código generado no romperá el diseño.
    • 
                      
  • La vista previa renderiza la tabla convertida tal como lo haría un navegador, para que puedas comprobar su aspecto antes de copiar el código.
    • 
                      
  • Combínalo con las herramientas hermanas CSV a Markdown y CSV a JSON para convertir un mismo CSV al formato que necesites.
    • 
                  

      

    

  


      

      

        

          
Preguntas Frecuentes

          

                          

                

                  
                

                

                  
Se recomienda hacerlo cuando sea posible, ya que permite distinguir semánticamente el encabezado del cuerpo. En entornos donde el manejo de thead/tbody no es fiable, como algunos clientes de correo, el marcado mínimo sin ellos suele mostrarse de forma más consistente.

                

              

                          

                

                  
                

                

                  
Sí. Las comas y los saltos de línea dentro de celdas entre comillas se interpretan correctamente, así que incluso un CSV complejo copiado de Excel se convierte a HTML sin romper la estructura de la tabla.

                

              

                          

                

                  
                

                

                  
Sí. El resultado es un marcado `` estándar, así que se puede pegar directamente en el modo de edición HTML de WordPress o en el cuerpo de un correo HTML.

                

                  
                

                

                  
No. Toda la conversión ocurre en JavaScript dentro de tu navegador, y el contenido CSV que introduces nunca se transmite a ningún servidor.

                

              

    

      

        ツールくん
        
A propósito — Por qué la etiqueta `

                
              
                          
                      
        
      
    

    
  
  
  
  
` se resiste a desaparecer
A finales de los años 90, en los inicios de la Web, el "diseño con tablas" —construir toda la maquetación de una página con etiquetas `

                  
`— era la norma. CSS tenía entonces muy poca capacidad de maquetación, y las tablas eran prácticamente el único recurso para lograr columnas múltiples, así que el código HTML de la época estaba lleno de elementos `
` que nada tenían que ver con datos tabulares.
Ahora que CSS ha madurado y Flexbox y Grid están muy extendidos, usar tablas para maquetar se considera un antipatrón conocido. Pero para su propósito original —representar datos reales organizados en filas y columnas— `

                  
` sigue siendo la opción más adecuada y accesible, ya que los lectores de pantalla pueden anunciar la relación entre las celdas `
` y ``.

                  
La necesidad de pegar contenido CSV en una entrada de blog o en un boletín por correo sigue siendo habitual, ya que el correo HTML no puede renderizar Markdown y algunos CMS carecen de un complemento para ello. Una herramienta que convierte el resultado de una hoja de cálculo en una tabla HTML con un solo clic responde a esta necesidad práctica, sencilla pero persistente.

        
              
    
  




  

    

      
Más herramientas en esta categoría