Generador de tablas HTML

Todas las herramientas

Edita celdas o importa CSV/TSV, configura la tabla, revisa la vista previa y copia el HTML listo.

Datos de la tabla

Pega datos de un archivo CSV o copia celdas de una hoja de cálculo y luego selecciona Importar datos.

Vista previa

HTML generado

Acerca de este generador de tablas HTML

Esta herramienta crea tablas HTML semánticas desde una cuadrícula editable o datos CSV y TSV importados. Genera encabezados, filas, caption opcional y un contenedor responsivo.

El fragmento generado usa estilos inline para que bordes, espaciado, alineación y filas alternas funcionen inmediatamente.

Cómo usarlo

  1. Edita las celdas directamente o importa datos CSV o TSV.
  2. Añade o elimina filas y columnas, y elige las opciones de tabla.
  3. Revisa la vista previa y copia el HTML generado.

Consejos

  • Usa la primera fila como encabezados para generar un thead accesible con th y scope.
  • Añade un caption breve cuando la tabla necesite contexto adicional.
  • Mantén habilitado el contenedor responsivo para tablas anchas en móviles.
  • Usa HTML Attribute Sorter / Cleaner después si prefieres otro orden de atributos.

Herramientas relacionadas

Estas herramientas también pueden resultarle útiles.

Preguntas frecuentes sobre tablas HTML

¿Puedo importar datos de una hoja de cálculo?
Sí. Pega CSV separado por comas o datos separados por tabulaciones copiados de una hoja de cálculo.
¿La tabla generada funciona en móviles?
Sí. La opción responsiva envuelve la tabla en un contenedor con desplazamiento horizontal.
¿El HTML generado es accesible?
Con encabezados habilitados, la primera fila se genera como encabezados de columna con scope dentro de thead. También puedes añadir caption.
¿Los datos se envían al servidor?
No. La edición, importación, vista previa y generación ocurren localmente en tu navegador.