Conversor de CSV a Tabla HTML
Convierte archivos CSV en un fragmento HTML con el marcado <table><tr><td>. Elige el delimitador, si se usa la primera línea como encabezado y si las filas se envuelven en <thead>/<tbody>. 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.
| 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 <th>; cada fila posterior se convierte en una fila de etiquetas <td>.
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
<table> 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.
A propósito — Por qué la etiqueta <table> 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 <table>— 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 <table> 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— <table> sigue siendo la opción más adecuada y accesible, ya que los lectores de pantalla pueden anunciar la relación entre las celdas <th> y <td>.
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.