Inicio › Herramientas para desarrolladores › CSV a tabla HTML

CSV a tabla HTML

Pega un CSV o sube un archivo y obtén código de tabla HTML limpio y bien escapado, con vista previa en vivo. Elige marcado simple, clases CSS o estilos en línea para emails y editores de CMS, y luego copia o descarga.

Última actualización: 31 de octubre de 2026

Estilo de salida

Bordes

Delimitador

Sangría

Clase de la tabla

Título (opcional)

Encabezado Franjas

Entrada CSV

Subir

Código HTML

Se convierte automáticamente mientras escribes. No se sube nada.

Vista previa en vivo

Cómo usar CSV a tabla HTML

Pega tu CSV en el cuadro de entrada, sube un archivo .csv/.tsv o haz clic en Ejemplo.
Revisa la opción de encabezado: deja activada "La primera fila es el encabezado" para obtener un con celdas .
Elige un estilo: HTML simple, clases CSS o estilos en línea, y luego ajusta bordes, franjas y colores.
Mira la vista previa bajo el código para ver exactamente cómo se muestra la tabla.
Copia el HTML en tu página, email o CMS, o descárgalo como un archivo .html listo para abrir.

Cómo es el código de tabla generado

Con los ajustes predeterminados, un CSV como Name,Price / Apple,1.20 se convierte en un marcado de tabla semántico y accesible: las celdas de encabezado usan <th scope="col"> dentro de <thead>, los datos van en <tbody> y las columnas numéricas reciben la clase num para que se alineen a la derecha.

<table class="data-table">
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col" class="num">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Apple</td>
      <td class="num">1.20</td>
    </tr>
  </tbody>
</table>

Cómo elegir un estilo de salida

Estilo	Qué obtienes	Ideal para
Clases CSS + <style>	Marcado ligero con una clase en la tabla y un bloque CSS corto que puedes pasar a tu hoja de estilos	Sitios web, blogs, documentación, generadores de sitios estáticos
Estilos en línea	Cada celda lleva su propio atributo `style`; no hace falta hoja de estilos	Emails HTML, newsletters, editores de CMS y plataformas que eliminan las etiquetas <style>
HTML simple	Solo estructura limpia, sin clases ni estilos	Frameworks con sus propios estilos de tabla (Bootstrap `table`, Tailwind, temas de WordPress)

Consejo: para usar un framework CSS, elige HTML simple o pon como clase de la tabla la clase del framework, por ejemplo table table-striped para Bootstrap.

Reglas de lectura del CSV

Los campos se separan con el delimitador (coma, punto y coma, tabulación o barra vertical). Las hojas de cálculo europeas suelen exportar con punto y coma; la detección automática elige el que divide las primeras líneas de forma más coherente.
Los campos entre comillas dobles pueden contener delimitadores y saltos de línea, y unas comillas duplicadas "" representan una comilla literal, como describe el RFC 4180.
Las filas con menos celdas que la fila más ancha se completan con celdas vacías para que todas tengan el mismo número de columnas.
Una columna se trata como numérica cuando todos sus valores no vacíos son números, con o sin símbolo de moneda, separadores de miles o signo de porcentaje.

Preguntas frecuentes

¿Cómo convierto un archivo CSV en una tabla HTML?

Pega el CSV o sube el archivo. Cada línea se convierte en una fila <tr> y cada valor separado por comas en una celda <td>. Con la opción de encabezado activada, la primera línea se convierte en celdas <th> dentro de <thead>. Copia el código generado en tu HTML.

¿Qué opción de estilo debo usar para emails?

Usa Estilos en línea. Muchos clientes de correo, como Gmail y Outlook, ignoran o eliminan los bloques <style>, así que los estilos escritos directamente en cada elemento <table>, <th> y <td> son la forma más fiable de conservar bordes, relleno y franjas.

¿Se escapan los caracteres especiales?

Sí. Los caracteres &, <, >, " y ' de tus datos se convierten en entidades HTML, así que un texto como <b> o AT&T se muestra literalmente y no puede romper tu página ni inyectar marcado.

¿Qué pasa con los campos entre comillas que contienen comas o saltos de línea?

El analizador sigue el RFC 4180: un campo entre comillas dobles puede contener el delimitador, saltos de línea y comillas duplicadas (""), y se queda en una sola celda. Los saltos de línea dentro de una celda pueden conservarse como etiquetas <br>.

¿Por qué mi tabla no muestra la fila de encabezado?

Asegúrate de que "La primera fila es el encabezado" esté marcada. Si tu CSV no tiene línea de encabezado, desmárcala y todas las filas se pondrán en <tbody> como datos.

¿Se suben mis datos?

No. El CSV se analiza y el HTML se genera por completo en tu navegador con JavaScript, así que tu archivo nunca sale de tu dispositivo.

¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?

Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.

Herramientas relacionadas

JSON a tabla HTMLConvierte un array JSON de objetos en código de tabla HTML limpio con estilos CSS y vista previa en vivo.Generador de tablas HTMLCrea tablas HTML en una cuadrícula editable con estilos, filas de encabezado, importación de CSV y vista previa en vivo.Visor de CSVAbre un archivo CSV o TSV como una tabla que puedes ordenar y filtrar.CSV a JSONConvierte datos CSV a JSON con vista previa en vivo.Convertidor de JSON a ExcelConvierte JSON en una hoja de cálculo .xlsx con estilo; los arrays anidados se convierten en hojas vinculadas propias.JSON a CSVConvierte datos JSON a CSV para hojas de cálculo.Excel a CSVConvierte hojas de cálculo XLSX a CSV.Visor de Excel (XLSX / XLS)Abre hojas de cálculo XLSX, XLS y ODS en tu navegador sin Excel.

Ver todas las de Conversores de datos y formatos de archivo →