GUÍA

CSV a HTML — tablas que de verdad pegarías en una página

Una exportación separada por comas rara vez es la meta. En un post, una página de precios o documentación interna aún necesitas una tabla que se lea bien — y muchos convertidores rápidos dejan `<td>` vacíos con bordes por defecto. Esta página cubre ese segundo paso: convertir CSV en HTML que puedas publicar, con espaciado, estilo de cabeceras y formas de exportación acordes a dónde irá el markup. Todo funciona en tu navegador. El archivo se analiza en tu equipo, sin subirlo para conversión en servidor. A la izquierda revisas datos, haces clic en una celda, corriges un error — el panel derecho se actualiza. Elige un tema antes de copiar, alterna fragmento HTML y documento completo, abre las etiquetas en bruto solo si hace falta. Si ibas y venías entre la hoja de cálculo y un botón genérico de «exportar tabla», aquí estructura, presentación y entrega quedan en una pestaña.

Datos CSV junto a la vista previa de tabla HTML con tema y controles de exportación

Por qué un HTML cuidado gana a pegar una cuadrícula cruda

Los equipos editoriales suelen necesitar una de dos formas: un fragmento `<table>` para CMS o base de conocimiento, o un HTML pequeño y autónomo con CSS en el head. El correo y algunos campos antiguos siguen pidiendo estilos en línea por celda. Admitimos ambos caminos y el cambio a CSS en línea cuando el cliente elimina un bloque `<style>`. En opciones HTML marcas la primera fila como cabeceras, separas `<thead>` y `<tbody>`, añades leyenda o enlazas clase e id que ya espera tu design system. La salida no queda fijada a un solo aspecto. Tres temas — Minimal, Limpio y Compacto — cambian tipografía, relleno de cabeceras y densidad de filas al exportar documento completo. Minimal se mantiene neutro para pegar en cualquier sitio; Limpio añade rayas zebra ligeras de informe; Compacto aprieta el padding cuando necesitas más filas visibles. Eliges cómo se leerá la tabla — no solo si las etiquetas validan.

Lo que separa esto de un volcado en un clic es juntar diseño y edición. Muchas herramientas paran tras mapear celdas a filas y columnas. Aquí ajustas la cuadrícula origen al momento — etiqueta mal puesta, corrección, clic fuera — y regeneras markup sin volver a exportar desde Excel. Importa cuando a las 16:00 llega un CSV y a las 17:00 la página debe estar en vivo. También puedes soltar `.xlsx` o `.xls` si los datos no salieron del libro. Los archivos multihoja quedan en una importación; en la barra de herramientas eliges la pestaña correcta. Separadores y codificaciones raras siguen pasando — si una fila se ve mal, corrígela en la cuadrícula antes de copiar el HTML.

Probar el convertidor
🌱

Temas que cambian cómo se lee la tabla

Minimal, Limpio y Compacto son perfiles de presentación reales — no una plantilla border="1". Compáralos en la vista previa antes de pegar en WordPress, Confluence o un sitio estático.

🔬

Edita la hoja y exporta otra vez

Las celdas del lado de importación son editables. Cambia un valor, haz clic fuera — el HTML de la derecha sigue el ritmo. Sin ida a la app de escritorio por un solo carácter.

💫

Análisis privado en el navegador

Útil para listas de precios, plantillas de personal y archivos de clientes que no enviarías a un upload desconocido. El procesamiento se queda en la pestaña abierta. La vista previa en Playground muestra la tabla en un marco de página para comprobar con clics.

FEATURES

CSV a tabla online: salida con estilo, edición en vivo, tres temas

Para quien le importa cómo se ve la tabla tras exportar — no solo que exista el HTML.

Panel de opciones HTML junto a vista previa de tabla con tema tras importar CSV

Presentación que valoras antes de pegar

Muchos sitios convierten CSV en HTML y dejan filas sin estilo. Aquí la vista previa aplica el tema elegido — peso de cabeceras, bordes y bandas de fondo visibles antes de copiar. Alterna Minimal, Limpio o Compacto y desplázate una vez — la diferencia debe ser clara, no un retoque cosmético. Al exportar documento completo la hoja de estilos viaja con la tabla; en fragmentos conservas estructura semántica y clases opcionales sin adivinar el CMS. Ahí está la diferencia frente a quien trata la conversión como cambio de texto.

  • Vista previa HTML mientras editas una celda
  • Volver a exportar tras cambiar el tema
  • Los archivos se quedan en tu dispositivo
  • Abrir la tabla en Playground

Cómo convertir CSV a HTML

Importa tu archivo

Importa tu archivo

Arrastra un `.csv` al panel izquierdo o elige archivo con el botón de importar. Los libros Excel (`.xlsx`, `.xls`) también valen si la tabla sigue ahí. El análisis queda local — hasta 25 MB por archivo. Con varias hojas, elige la correcta en la lista antes de afinar la exportación.

Edita celdas y elige un tema

Edita celdas y elige un tema

Haz clic en una celda para corregir etiquetas o números; el lado HTML se actualiza al salir de la celda. Abre opciones HTML para cabeceras, leyendas, clases o tabla DIV si el destino lo exige. En Tema: Minimal para pegado neutro, Limpio para aire de informe ligero, Compacto para datos densos. Decide si necesitas fragmento HTML o documento completo con CSS.

Vista previa, luego copia o descarga

Vista previa, luego copia o descarga

Usa la pestaña Vista previa para revisar espaciado y filas de cabecera. Para el código en bruto ve a la pestaña HTML. Copia al portapapeles, descarga un `.html` o abre la vista previa en Playground. Si la tabla va a correo, cambia la salida a En línea antes de pegar para que los estilos sobrevivan a clientes exigentes.

CSV a HTML: preguntas frecuentes

EMPEZAR

Convierte tu CSV a HTML

Importa a la izquierda, elige tema, vista previa a la derecha.

CSV a HTML

Gratis
  • Editar celdas CSV en el navegador
  • Tres temas HTML con vista previa en vivo
  • Fragmento, documento completo o CSS en línea
  • Análisis local — sin subir archivo
Volver arriba

Archivos muy grandes pueden ralentizar la pestaña; recorta filas en el editor o exporta antes un rango más pequeño.

Convertidor CSV a HTML con paneles de tema y vista previa
En el navegador

Basta con la tabla fea por defecto

Importa, corrige una celda si hace falta, elige tema — copia HTML que ya encaja en la página.