Cómo se usa
- Escriba las celdas en la cuadrícula, o pegue CSV o TSV bajo Pegar CSV o TSV y pulse Cargar en la tabla.
- Marque La primera fila es de encabezado y La primera columna es de encabezado para marcar las celdas de encabezado.
- Escriba un Título que diga lo que muestra la tabla. Marque Añadir un estilo mínimo si la tabla necesita bordes.
- Copie el cuadro HTML, o pulse Descargar, y pegue el marcado en su página.
Por qué las celdas de encabezado tienen ámbito
Una celda de encabezado es un elemento th, no un td. Su atributo scope indica qué celdas etiqueta: col para un encabezado sobre una columna, y row para un encabezado al principio de una fila. Los lectores de pantalla anuncian esos encabezados con cada celda de datos, así que un visitante que no ve la cuadrícula sigue sabiendo qué significa un número.
El título es el nombre de toda la tabla, y es lo primero que aparece dentro de ella. Escriba un título que diga lo que muestra, como Ventas mensuales, en lugar de omitirlo. La sección de tablas de HTML (en inglés) describe estos elementos.
encabezado sobre una columna: th con scope col; encabezado al principio de una fila: th con scope row; datos: tdPegar desde una hoja de cálculo y el escape
El texto CSV separa las celdas con comas, punto y coma o tabuladores, y una celda que contiene uno de esos caracteres va entre comillas dobles. Copiar celdas de una hoja de cálculo suele dar texto separado por tabuladores. Las hojas de cálculo de idiomas que escriben la parte decimal con coma suelen guardar los CSV con punto y coma. Detectar lee la primera línea y elige el separador que más se repite.
El texto de cada celda se escapa antes de escribirlo. Un carácter como el menor que o el ampersand se convierte en una referencia de carácter, así que aparece como texto en la página y nunca se lee como marcado. Una fila corta se completa con celdas vacías, para que todas las filas tengan el mismo número de celdas.
Ejemplo resuelto: una tabla de dos columnas con fila y columna de encabezado
Tome las celdas Mes y Ventas en la primera fila, y Ene y 1200 en la segunda, con la primera fila y la primera columna como encabezados, y el título Ventas.
La tabla empieza con un elemento caption que dice Ventas, después un encabezado con dos celdas de encabezado, cada una con scope col, seguido de un cuerpo en el que Ene es una celda de encabezado con scope row y 1200 es una celda de datos.
Preguntas frecuentes
¿Qué hace el atributo scope?
Indica a las tecnologías de asistencia qué celdas etiqueta un encabezado. Un scope de col significa que el encabezado está sobre su columna, y un scope de row significa que está al principio de su fila. Sin scope, un lector de pantalla tiene que adivinar la relación.
¿Cuándo debo usar la columna de encabezado?
Úsela cuando la primera columna nombra cada fila, como un producto, una persona o un mes. Una tabla de números sin nombres de fila no la necesita, así que déjela desactivada.
¿Por qué la tabla necesita un título?
El título da a la tabla un nombre que los lectores de pantalla anuncian antes de las celdas. También ayuda a un visitante que ve la página a entender de un vistazo de qué trata la tabla, así que escríbalo siempre que la tabla deba entenderse sola.
¿Qué separador debo elegir para una hoja de cálculo?
Elija Tabulador para el texto copiado de una hoja de cálculo, y Punto y coma para un archivo CSV guardado en un idioma que usa la coma como separador decimal. Detectar funciona en la mayoría de los casos, y la vista previa muestra el resultado antes de copiar.
¿El estilo mínimo cambia otras tablas de mi página?
Sí, si lo pega en la página tal como está, porque el elemento style se aplica a todas las tablas de la página. Déjelo fuera cuando su página ya dé estilo a sus tablas, o copie solo las reglas que necesite.
¿La tabla que escribo o pego se envía o se guarda en algún sitio?
No. La tabla, la vista previa y el HTML se generan en su navegador. No se guarda nada ni se envía a nuestro servidor, así que copie el HTML o descárguelo antes de salir de la página.
Fuentes
- WHATWG (en inglés): HTML Living Standard, tables
- MDN (en inglés): th element
- MDN (en inglés): caption element
Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.