Pega datos CSV, obtén una tabla HTML atractiva — al instante
Pega datos o sube un archivo .csv
Ve la tabla renderizada, activa estilos
Obtén HTML limpio, listo para insertar
Pega datos CSV a la izquierda para ver tu tabla aquí
CSV (Valores Separados por Comas) es el formato de intercambio de datos más universal que existe. Definido por el RFC 4180, un archivo CSV almacena datos tabulares como texto plano — una línea por fila, con comas separando los campos. Su simplicidad es su fortaleza: los archivos CSV pueden abrirse con Excel, Google Sheets, Python pandas, R, bases de datos SQL y prácticamente cualquier herramienta de datos jamás creada. El formato se remonta a los primeros días de la informática (1972, en el compilador Fortran de IBM) y sigue siendo la lengua franca del intercambio de datos en 2026.
Comas dentro de los campos. Cuando un campo de datos contiene una coma (como "Madrid, España"), el campo debe ir entre comillas dobles. Esta es la causa número 1 de errores en el análisis de CSV. El motor Papa Parse de esta herramienta gestiona automáticamente las comillas compatibles con RFC 4180.
Saltos de línea dentro de campos entrecomillados. Algunas exportaciones CSV incluyen saltos de línea dentro de celdas entrecomilladas (común en campos de dirección o descripciones multilínea). El análisis estándar línea por línea falla aquí — Papa Parse lo gestiona correctamente.
Problemas de codificación. Los archivos CSV de Excel pueden usar codificación Windows-1252 en lugar de UTF-8, lo que hace que los caracteres especiales se muestren como caracteres ilegibles. Para obtener los mejores resultados, guarda tu CSV como UTF-8 antes de convertir.
Formato CSV europeo. En muchos países europeos, las comas se usan como separadores decimales (p. ej., 12,50 EUR). Como resultado, el CSV europeo a menudo usa punto y coma (;) como delimitadores de campo en lugar de comas. Usa el selector de delimitador de arriba si la detección automática no funciona.
| Práctica | Por qué es importante | Esta herramienta |
|---|---|---|
| Usar <thead> y <tbody> | Separa semánticamente el encabezado de los datos; permite encabezados fijos y desplazamiento independiente | ✅ Detectado automáticamente desde la primera fila |
| Añadir atributos scope | Hace que las tablas sean accesibles para lectores de pantalla | ✅ scope="col" añadido a todos los <th> |
| Incluir envoltorio responsive | Evita que las tablas rompan los diseños móviles | ✅ Envoltorio overflow-x:auto incluido |
| Alternar colores de fila para legibilidad | Los colores alternos ayudan a la vista a seguir las filas en tablas anchas | ✅ Activar/desactivar según necesidad |
| Evitar encabezados vacíos | Los elementos <th> vacíos confunden las herramientas de accesibilidad | ✅ Rellena automáticamente los encabezados en blanco con "Columna N" |
CSV es el formato predeterminado — úsalo cuando tus datos contengan principalmente números, texto corto y sin comas dentro de los campos. Es compatible en todas partes. TSV (separado por tabulaciones) se prefiere para datos que contienen comas (direcciones, descripciones de texto libre, valores monetarios) porque los caracteres de tabulación raramente aparecen en el texto introducido por el usuario. Excel (.xlsx) es mejor cuando necesitas formato, fórmulas, múltiples hojas o validación de datos — pero es un formato binario propietario, no texto plano. En caso de duda, exporta a CSV o TSV y convierte a HTML aquí.
Pega tus datos CSV en el panel izquierdo o haz clic en Subir CSV para cargar un archivo. El conversor detecta automáticamente los delimitadores y encabezados. Cambia entre la pestaña Vista previa (para ver la tabla renderizada) y la pestaña Código HTML (para copiar el código fuente). Activa las opciones de estilo sobre la salida.
Coma (CSV estándar), tabulación (archivos TSV) y punto y coma (común en CSV europeo). El conversor detecta automáticamente qué delimitador usan tus datos. También puedes seleccionar manualmente el delimitador del menú desplegable si es necesario.
Sí. Activa filas alternas para colores de fila alternos, hover para resaltar filas al pasar el ratón, bordes para contornos de celda y modo compacto para reducir el espaciado. El HTML generado incluye todo el CSS en línea — no se necesita hoja de estilos externa. Copia el código y pégalo en cualquier lugar.
El código generado envuelve la tabla en un <div> con overflow-x:auto, que añade desplazamiento horizontal en pantallas estrechas. Este es el patrón de tabla responsive más simple y fiable. Para diseños más avanzados (como colapsar filas en tarjetas), añade tu propio CSS después de copiar el resultado.
CSV usa comas como separadores de campo. TSV usa caracteres de tabulación. TSV se prefiere cuando tus datos contienen comas — como direcciones ("Madrid, España") o valores monetarios ("1.234,56 EUR") — porque los caracteres de tabulación raramente aparecen dentro de los campos de datos. Ambos son compatibles con este conversor.