Convertir CSV a tabla HTML
Convierta un CSV o una tabla copiada de Excel en código <table> para su página web, blog o correo
Sus datos se quedan con usted. La conversión ocurre dentro del navegador; no se envía nada a ningún servidor.
¿Le sirvió esta herramienta?
Gracias, su comentario llegó.
Cómo funciona
Caso típico: tiene una lista de precios en Excel y quiere publicarla en su blog de WordPress. Copie las celdas en Excel y péguelas en el panel izquierdo; lo copiado llega separado por tabuladores y la herramienta lo reconoce. Con un archivo .csv, ábralo con el Bloc de notas o TextEdit y copie el contenido. Un Excel configurado con coma decimal (España y la mayor parte de Sudamérica) guarda el CSV con punto y coma; en México se guarda con coma. Las dos formas se detectan solas. Con la primera fila como encabezado, «Producto;Cantidad;Precio» pasa a tres celdas <th> dentro de <thead>, y las filas siguientes van a <tbody>. Los números como 1.250,00 se copian tal cual, sin cambiar el formato. Luego, en el editor de WordPress, añada un bloque «HTML personalizado» y pegue el código. Si una fila tiene menos celdas que el encabezado, se completa con celdas vacías <td></td> para que la tabla no se descuadre, y la nota indica cuántas filas se completaron.
Esta herramienta también se busca como convertir csv a html, csv a tabla html, excel a tabla html, generar tabla html, csv to html table.
¿Qué es Tabla HTML?
Estructura de etiquetas con la que una página web muestra filas y columnas: <table> envuelve todo, <thead> agrupa la fila de encabezados, <tbody> las filas de datos, <tr> es una fila, <th> una celda de encabezado y <td> una celda normal. Separar encabezados y datos ayuda a los lectores de pantalla y a los buscadores a entender la tabla.
¿Qué es Escapar caracteres?
Reemplazar un signo que tiene significado en HTML por un código que el navegador muestra sin interpretarlo: < pasa a <, & pasa a & y " pasa a ". Sin este paso, el texto de una celda como «<b>» se tomaría como una orden de formato, y un texto malicioso podría ejecutar código en su página.
¿Qué diferencia hay entre CSV y una tabla HTML?
CSV guarda solo los datos: texto plano con un signo entre las celdas, pensado para abrirlo en Excel o importarlo en otro programa. Una tabla HTML guarda los datos junto con su estructura de presentación: qué fila es encabezado, dónde empieza cada celda y, si se quiere, bordes y colores. El navegador sabe mostrar una tabla HTML, pero no un CSV. Para intercambiar datos use CSV; para mostrarlos en una página o en un correo, use HTML.
Trampas: signos que rompen la página, filas cortas y estilos que el correo borra
Signos especiales: una celda con «<5 kg» o «Pérez & Hijos» escrita tal cual en HTML puede cortar la tabla o esconder texto, porque el navegador toma < como el inicio de una etiqueta. La herramienta escapa & < > " ' y ` en cada celda (<, &…); en la página se ven igual que en Excel.
Filas cortas: si una fila tiene menos celdas que las demás, las columnas de las filas siguientes se desplazarían. La herramienta añade las celdas vacías que faltan y lo avisa en la nota.
Estilos en el correo: Gmail, Outlook y la mayoría de los programas de correo ignoran las hojas de estilo <style> de la cabecera. Por eso la opción con bordes escribe el estilo dentro de cada etiqueta (style="…"), que es lo único que sobrevive en un correo.
- «<5 kg» → <5 kg (se ve igual en la página)
- «Pérez & Hijos» → Pérez & Hijos
- Fila corta → se completa con <td></td>
¿Qué ajuste conviene en cada caso?
HTML simple: para una página web o un blog. La tabla toma los colores y bordes del tema de su sitio, y si cambia el tema, la tabla cambia con él. Es la opción por omisión.
Con bordes y filas alternas: para un boletín, un correo o un sistema donde no puede tocar el CSS. La tabla se ve igual en cualquier lugar, pero ignora el diseño del sitio.
Primera fila como datos: cuando la tabla no tiene encabezados, por ejemplo una lista de nombres. Si la primera fila sí son encabezados, déjela como encabezados: los lectores de pantalla usan <th> para leer la tabla a personas con discapacidad visual.
Preguntas frecuentes
¿Cómo paso una tabla de Excel a HTML?
Copie las celdas en Excel y péguelas en el panel izquierdo; el código <table> aparece al instante en el panel derecho. Si la tabla está en un archivo .csv, abra el archivo con un editor de texto y copie el contenido. Luego copie el código o descárguelo como .html.
¿Cómo pego la tabla en WordPress?
En el editor de bloques, añada un bloque «HTML personalizado» y pegue el código completo. En el editor clásico, cambie a la pestaña «Texto» antes de pegar. Si lo pega en el modo visual, el editor mostrará las etiquetas como texto.
¿Por qué mis números con coma no se partieron en columnas?
La herramienta mira las primeras filas para saber qué signo separa las columnas. Si el archivo usa punto y coma, una coma decimal como 45,50 se queda dentro de la celda. En una celda entre comillas, como "Plato; porcelana", el separador también cuenta como texto.
¿Los datos se envían a algún servidor?
No. La tabla se genera por completo en su navegador; los datos no salen de esta página ni se guardan. Con la página abierta, funciona también sin conexión a Internet.