Construya una tabla visualmente y obtenga HTML limpio. Configure la estructura a la izquierda (filas, columnas, cabecera, título, bordes, colores, alineación), escriba directamente en la cuadrícula o pegue datos TSV / CSV / Excel. El HTML se genera en tiempo real y se muestra como código y como vista previa en directo aislada. Elija la salida Clásica (atributos border y cellpadding) o Moderna (CSS en línea), y después copie el código o descargue un archivo .html autocontenido. Todo se ejecuta en local — no se sube nada.
Dimensiones
Estructura
Tamaño y bordes
Apariencia
Salida
Pegue datos separados por tabuladores o saltos de línea (Excel o TSV), o separados por comas (CSV, con comillas admitidas).
Celdas5 × 5haga clic en la pequeña × del borde de una fila o columna para eliminarla
Escriba en las celdas o pulse Generar para crear el HTML.
Código HTML
Vista previa
aislada: scripts desactivados
Consejos: el contenido de las celdas se escapa como HTML de forma predeterminada, así que una entrada del tipo <script> no puede romper el código generado ni la vista previa; desmarque «Escapar HTML de las celdas» solo cuando quiera insertar marcado de forma intencionada. Pegue las filas de Excel como TSV (el botón «Importar datos…» detecta automáticamente tabuladores o comas). La cuadrícula admite hasta 100 filas × 30 columnas, y la vista previa es un iframe aislado (sin scripts).
Tablas con significado
<th scope="col"> y scope="row" indican a los lectores de pantalla a qué describe cada cabecera, y un <caption> da nombre a la tabla entera. colspan y rowspan combinan celdas para datos realmente combinados, pero confunden a los analizadores cuando se usan para maquetar.
Use tablas para relaciones de datos y CSS grid o flexbox para la maquetación: las tablas de maquetación perjudican tanto a la accesibilidad como al diseño adaptable.
