Convertidor de Tabla HTML a CSV

Pega una fuente que contenga una etiqueta HTML <table> para convertirla a CSV/TSV. Es útil cuando quieres copiar una tabla de otro sitio a una hoja de cálculo. Las filas de encabezado dentro de thead se reconocen automáticamente, y toda la conversión se realiza en tu navegador; no se envían datos a un servidor.

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

Una fila HTML <tr><td>name</td><td>age</td><td>city</td></tr>
Notación CSV resultante name,age,city

Las filas dentro de <thead>, o una primera fila compuesta únicamente por celdas <th>, se reconocen como la fila de encabezado; cada <tr> restante se convierte en una fila de CSV.

Qué es el Convertidor de Tabla HTML a CSV

El Convertidor de Tabla HTML a CSV es una herramienta que transforma el código fuente de una etiqueta <table> incrustada en una página web en datos CSV o TSV con solo pegarlo. Cuando seleccionas y copias una tabla de otro sitio en tu navegador, el portapapeles suele llevar consigo la estructura HTML subyacente junto con el texto visible, y puedes pegar ese contenido directamente en esta herramienta. Las filas dentro de un elemento <thead>, o una primera fila cuyas celdas sean todas <th>, se reconocen automáticamente como la fila de encabezado, de modo que no es necesario indicar manualmente si existe un encabezado o no.

Incluso cuando una celda contiene marcado decorativo como <strong>, <br> o <a>, durante la conversión solo se eliminan las etiquetas y se conserva el contenido de texto que hay dentro de ellas. Puedes elegir entre una coma o un tabulador como delimitador, y también puedes activar o desactivar si la fila de encabezado se incluye en el resultado. Si el HTML que pegas contiene más de una etiqueta <table>, solo se utiliza para la conversión la primera tabla que aparece; el resto se ignora, así que conviene aislar de antemano la tabla que realmente interesa cuando una página contiene varias.

Todo el proceso se ejecuta como JavaScript dentro de tu propio navegador, y el HTML que pegas nunca se transmite a ningún servidor, lo que hace que la herramienta sea segura de usar incluso con datos que preferirías mantener privados, como un informe interno o un borrador todavía en revisión. Esta característica resulta especialmente valiosa para quienes trabajan con datos sensibles de clientes o cifras internas que no deberían salir de su equipo, ya que elimina por completo la preocupación de que la información viaje hacia un servidor externo durante la conversión.

Cómo usar el Convertidor de Tabla HTML a CSV

  1. Pega el código fuente HTML Pega en el cuadro de entrada el código fuente HTML que contiene la tabla que quieres convertir. Si primero quieres probar la herramienta, carga el ejemplo incorporado con el botón "Ejemplo".
  2. Elige un delimitador Elige una coma si piensas importar el resultado en una hoja de cálculo, o un tabulador si prefieres un texto separado por tabulaciones.
  3. Decide si incluir la fila de encabezado Usa la casilla "Incluir la fila de encabezado en la salida" para controlar si los nombres de columna aparecen como la primera línea del resultado.
  4. Revisa el resultado de la conversión En cuanto pegas un HTML válido, el resultado en CSV o TSV aparece a la derecha, junto con el número de filas que se convirtieron correctamente.
  5. Copia o descarga el resultado Usa el botón "Copiar" para colocar el resultado en tu portapapeles, o el botón "Descargar" para guardarlo directamente como archivo.

Consejos para aprovecharla mejor

  • Incluso sin etiquetas <thead>/<tbody>, una primera fila cuyas celdas sean todas <th> se reconoce automáticamente como la fila de encabezado.
  • Las etiquetas decorativas como <strong> y <br> dentro de una celda se eliminan automáticamente, dejando solo el contenido de texto para convertir a CSV.
  • Al seleccionar y copiar una tabla de otro sitio en tu navegador, el portapapeles suele incluir también datos con formato HTML, así que puedes pegarlos directamente en esta herramienta para convertirlos.
  • Esto es el proceso inverso de la herramienta hermana Convertidor de CSV a Tabla HTML, así que usar ambas juntas te permite ir y venir entre CSV y tablas HTML.

Casos de uso del Convertidor de Tabla HTML a CSV

Llevar tablas de otros sitios a una hoja de cálculo

Copia el HTML de una tabla de un artículo de noticias o de una página de estadísticas con las herramientas de desarrollador de tu navegador, y conviértelo directamente en un formato que Excel o Google Sheets puedan abrir y ordenar.

Limpiar fragmentos de HTML obtenidos por scraping

Cuando un script o un rastreador ha capturado una página como HTML sin procesar, puedes extraer solo la parte de la tabla y convertirla en CSV listo para su posterior procesamiento o almacenamiento.

Convertir en datos estructurados las tablas de un CMS o wiki

Las tablas escritas a mano en un wiki corporativo o en una entrada de blog como marcado <table> se pueden exportar a CSV para que resulte mucho más fácil agregarlas, filtrarlas y buscarlas.

Reutilizar tablas copiadas de un correo o un documento

Una tabla pegada desde un correo en HTML o un documento de Word suele conservar su marcado en el portapapeles, y convertirla a CSV facilita enormemente pasarla a otra herramienta o a una hoja de cálculo.

Ir y venir con el Convertidor de CSV a Tabla HTML

Combina esta herramienta con su equivalente inverso para moverte libremente entre CSV y marcado de tabla HTML cada vez que necesites reformatear los mismos datos para distintos destinos.

Glosario de tablas HTML y CSV

thead / tbody
Etiquetas usadas para dividir una tabla HTML en una sección de encabezado y una sección de cuerpo. Si existen filas dentro de <thead>, esta herramienta siempre las trata como la fila de encabezado, sin importar el aspecto de la primera fila del cuerpo.
th / td
Etiquetas que representan una celda de tabla: <th> es una celda de encabezado y <td> es una celda de datos ordinaria. Cuando una tabla no tiene <thead>, la herramienta comprueba si todas las celdas de la primera fila son <th> para decidir si hay encabezado.
CSV (valores separados por comas)
Un formato de datos en texto plano en el que las columnas se separan mediante comas. Si un valor contiene en sí mismo una coma, un salto de línea o una comilla doble, todo el valor se envuelve entre comillas dobles para mantener la estructura sin ambigüedad.
TSV (valores separados por tabulaciones)
Un formato que usa un carácter de tabulación en lugar de una coma para separar las columnas. Suele dejar los límites de columna menos ambiguos que el CSV cuando los propios datos contienen comas con frecuencia.
Entidad HTML
Una notación como &amp; (que representa &) o &nbsp; (un espacio de no separación), usada para escribir caracteres especiales de forma segura dentro del marcado HTML. Esta herramienta decodifica automáticamente las entidades de vuelta a los caracteres que representan.
Eliminación de etiquetas decorativas
El proceso de quitar marcado como <strong>, <br> y <a> de dentro de una celda, conservando solo su contenido de texto. Los valores de atributos, como la URL de un enlace, se descartan y no aparecen en la salida CSV.

Preguntas Frecuentes

Copia el HTML de la tabla con las herramientas de desarrollador de tu navegador (selecciona el elemento, haz clic derecho y elige "Inspeccionar"), o copia la sección <table> correspondiente desde la vista de código fuente de la página (por ejemplo, Ctrl+U) y pégala.

Sí. Incluso sin una etiqueta <thead>, la primera <tr> se trata como fila de encabezado si todas sus celdas son <th>. Si tampoco se cumple esto, todas las filas se convierten tal cual como filas de datos.

Solo se convierte la primera etiqueta <table> encontrada. Si quieres convertir varias tablas, pega y convierte el HTML de cada una por separado.

No. La conversión se realiza completamente en JavaScript dentro de tu navegador, y el contenido HTML que introduces nunca se envía a un servidor.
Tool-kun

A propósito — Por qué el "copiar tabla" del navegador incluye HTML

Al seleccionar y copiar una tabla en tu navegador, el portapapeles termina conteniendo no solo el texto visible, sino también datos con formato HTML almacenados por detrás. Esto es posible porque el portapapeles del sistema operativo admite "múltiples formatos": la aplicación de origen escribe varias representaciones a la vez (texto plano, HTML, texto enriquecido, etc.), y la aplicación de destino puede elegir el formato que más le convenga.

Este mecanismo es la razón por la que pegar una tabla de otro sitio directamente en Excel o una hoja de cálculo puede reproducir el formato e incluso los enlaces. Por otro lado, cuando el destino es un editor de texto plano o un archivo CSV, esta información HTML subyacente no se aprovecha y los datos se tratan como texto plano, lo que tiende a perder la estructura tabular (qué celda pertenece a qué columna).

Una herramienta como el Convertidor de Tabla HTML a CSV existe precisamente para restaurar de forma explícita esa información estructural que se pierde con facilidad. Al aprovechar directamente la estructura HTML que conlleva la función de copiar tablas del navegador, permite reutilizar los datos como contenido correctamente dividido en columnas en una hoja de cálculo, un género discreto en el trabajo diario pero con una demanda constante y real.