Generador de tablas HTML
La tabla que necesitas — no la hoja de cálculo que casi abriste
Listas de precios, comparativas de especificaciones o resúmenes de envío rara vez justifican Excel y HTML que limpiar después. Este generador de tablas HTML empieza por filas y columnas, te deja escribir en las celdas y produce un `<table>` para pegar en bloques CMS, módulos de correo o wikis internos. Si comparas un creador de tablas HTML con markup a mano, el flujo aquí se parece más a editar una cuadrícula pequeña que a mantener un libro. Ajustas la estructura en la barra de herramientas, formateas en línea — la vista previa y el panel HTML siguen sincronizados. Útil cuando quieres generar HTML de tabla una vez y publicarlo.
Markup en el que puedes confiar antes de producción
Una cuadrícula 4×6 son veinticuatro etiquetas `<td>` — más `<thead>` si la primera fila es encabezado. Una etiqueta de cierre olvidada o un `rowspan` que no encaja con la fila de abajo basta para romper una plantilla de correo o meter un bloque CMS en modo seguro. El editor de esta página está hecho para ese trabajo: cambia tamaño de filas y columnas, combina etiquetas con Shift+clic, pon precios en negrita, inserta enlaces o imágenes del ordenador sin salir de la cuadrícula. A nivel de tabla defines lo que piden las plantillas: `border`, `cellpadding`, `width`, `id`, `class`, combinación de bordes y algunos temas de color — sin pintar cada celda a mano. Cuando el diseño encaje en la vista previa, pasa a la pestaña HTML y copia el fragmento, o descarga un documento completo con CSS básico de tabla para revisarlo rápido en el navegador.
Muchas herramientas que generan HTML para tablas se quedan en exportar hojas de cálculo o muestran código sin un render fiel. Aquí vista previa y fuente van unidas: editas a la izquierda, ves el render a la derecha, etiquetas a un clic. Ese control bidireccional detecta pronto celdas de más tras combinar, un `</th>` faltante o márgenes que en la cuadrícula se ven bien y en el iframe no. El procesamiento queda en el navegador — el contenido de la tabla no se sube para «conversión».
Abrir el generador de tablas HTMLEdición y vista previa lado a lado
Los cambios en la cuadrícula actualizan la vista previa en vivo y la cadena de exportación a la vez — no adivinas cómo quedarán los atributos.
Imágenes por URL o desde el ordenador
Fotos de producto o iconos en una celda por enlace o archivo local — práctico para catálogos y tablas comparativas.
Fragmento o documento completo
Copia solo el `<table>` en páginas existentes o exporta un archivo HTML para comprobarlo rápido en el navegador.
En qué se diferencia este generador de tablas HTML
Editor de cuadrícula enfocado, markup limpio y vista previa que encuentra errores antes de pegar — no otro paso de exportación desde Excel.
Camino más corto de cuadrícula vacía a HTML listo para pegar
Define filas y columnas, convierte la primera fila en encabezado `<thead>` si hace falta, añade leyenda y rellena celdas — sin exportar desde hoja de cálculo. Insertar fila, eliminar columna, combinar celdas: todo en el menú «Tabla», en una sola pantalla. La salida es markup de tabla simple, como esperan CMS y herramientas de correo — no un envoltorio lleno de estilos inline no deseados.
- Cuadrícula con combinación y formato
- Vista previa y HTML sincronizados
- Imágenes locales en celdas
- En el navegador — sin subir archivos
Cómo usar el generador de tablas HTML
Definir la forma de la tabla
Introduce filas y columnas, activa «Primera fila como encabezado» si la fila superior debe ser `<th>`, abre opciones de tabla para ancho, bordes, leyenda o tema. Puedes redimensionar después; combinaciones y contenido se mantienen si la cuadrícula lo permite.
Rellenar y formatear celdas
Haz clic en una celda y escribe. Usa la barra de formato para énfasis, enlaces o imágenes (URL o local). Para combinar: celda inicial, Shift+clic en la esquina opuesta, luego «Combinar celdas» en el menú Tabla. «Dividir celda» restaura celdas individuales.
Comparar vista previa y HTML
Mantén abierta la pestaña Vista previa mientras editas. Si algo falla — columnas desalineadas tras combinar, encabezado que no abarca — revisa `colspan` y `rowspan` en HTML. Ahorra un viaje a la vista previa del CMS.
Exportar y verificar en el entorno real
Copia el fragmento, descarga `.html` o envía la tabla al Playground de la página de inicio. Los clientes de correo y CMS siguen teniendo sus rarezas — merece una comprobación en el destino real — pero partes de etiquetas de tabla semánticas limpias, no de reparación.
FAQ — generador de tablas HTML
¿Listo para crear tu tabla?
Boceta la cuadrícula, alinea vista previa con HTML y copia cuando coincidan.
Generador de tablas HTML
- Cuadrícula con combinación y formato
- Imágenes locales y vista previa en vivo
- Exportar fragmento o documento HTML completo
- No signup; use the tool in the browser
Los clientes de correo y CMS aún varían — tras pegar, comprueba espaciados en el entorno real.
HTML `<table>` listo para pegar
Crea visualmente, valida en la vista previa, copia el mismo markup desde la pestaña HTML.