Generador de tablas HTML

Rellena la cuadrícula y copia HTML de verdad: una tabla con thead, tbody y celdas th para el encabezado. Puedes añadir una clase para tus propios estilos y envolverla en un div para el desplazamiento horizontal.

Desde

The only part of this site that uses a server. The address is sent to it so the page can be fetched, because a browser is not allowed to fetch someone else's page itself. Your own files are never involved.

Aquí no se sube nada. El análisis ocurre en esta página.
Editar
Pega o sube algo arriba y aparecerá aquí.
ADataMarkupDocumentsCodeSchemasImages

El resultado aparecerá aquí en cuanto haya una tabla que convertir.

Marcado semántico, no una rejilla de divs

Un elemento table con celdas th le dice a un lector de pantalla que la primera fila etiqueta las columnas, así que cada celda puede leerse como su nombre de columna seguido de su valor. Una rejilla hecha de divs no le dice nada, y el mismo contenido se convierte en una ristra de números sin etiqueta.

También significa que la tabla se puede estilar con selectores CSS normales y ordenar con cualquier script que espere una tabla, en vez de tener que conectarlo todo a mano.

Escapado

Los signos de menor y mayor, los ampersands y las comillas de tus datos se escapan a la salida. Una celda con <script> dentro se escribe como &lt;script&gt; y aparece en la página como texto en lugar de ejecutarse. Copiar datos sin escapar dentro de una página es una de las formas más viejas de introducir un fallo de cross-site scripting.

Que quepa en un móvil

Una tabla ancha empuja la página de lado en una pantalla estrecha. Envolverla en un div con overflow-x en auto deja el desplazamiento dentro de la tabla en vez de mover la página entera. Eso es lo que produce la opción de envolver.

Preguntas

¿Añade estilos en línea?

No. El marcado sale sin estilos para que herede de tu hoja de estilos. Añade una clase en las opciones y apunta a ella, que es donde vive el resto de tu presentación.

Conversiones relacionadas

Otros idiomas: English