Generador de tablas HTML
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
- Edita las celdas directamente o importa datos CSV o TSV.
- Añade o elimina filas y columnas, y elige las opciones de tabla.
- 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.
HTML Attribute Sorter / Cleaner
Ordena, normaliza y limpia atributos en fragmentos HTML.
Utilidades varias
›
Minificador / Embellecedor de HTML
Comprime y formatea código HTML al instante.
SEO y webmaster
›
Visor CSV / CSV a tabla
Vea CSV como una tabla y conviértalo a JSON.
CSV y datos
›
Generador de cuadrícula CSS
Cree diseños de cuadrícula CSS con columnas, filas, espacios, alineación, vista previa en vivo y CSS listo para copiar.
Utilidades varias
›
Vista previa de Markdown
Obtenga una vista previa de Markdown y copie el HTML renderizado al instante.
Texto y contenido
›
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.