ToolnozaOrganizar la información
Usa tablas para comparar los mismos atributos de varios elementos: planes, especificaciones o medidas. Si no hay una relación entre filas y columnas, usa una lista. Incluye las unidades en los encabezados.
Decide si la primera fila contiene etiquetas. La opción de cabecera crea elementos th con scope="col" dentro de thead. Si la desactivas, todas las filas son datos.
Editar o importar celdas
Define las dimensiones; reducirlas elimina las celdas fuera del nuevo rango. El máximo es 20 filas, incluida la cabecera, y 12 columnas. Escribe texto o pega una selección de una hoja de cálculo.
La importación separa columnas por tabulaciones y filas por saltos de línea. No analiza CSV ni celdas multilínea entre comillas. Si supera los límites, se rechaza sin reemplazar la tabla actual.
Integrar el código
Añade un título descriptivo y copia el HTML y CSS. El contenedor se desplaza horizontalmente en pantallas estrechas para conservar la legibilidad. Comprueba los estilos de tu página.
Los caracteres HTML se escapan: <10 sigue siendo texto. Las tablas con celdas combinadas o múltiples niveles de cabecera necesitan más marcado. Este generador crea una tabla rectangular sencilla.
Usar la herramienta
Define filas y columnas, edita o pega celdas, añade un título y copia o descarga el código.
Ejemplo práctico
Crea una comparación de tres columnas, convierte la primera fila en cabecera y añade un título descriptivo.
¿Funciona la tabla en móviles?
El contenedor exportado permite desplazamiento horizontal para mantener legibles las columnas. Comprueba la tabla con los estilos de tu sitio.