Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
A veces una celda necesita ocupar más de una columna o más de una fila, como un título que abarca toda la tabla. Dos atributos lo resuelven.
Explicación
Estos dos atributos permiten que una celda ocupe más espacio del normal:
colspan="N"Hace que la celda ocupe N columnas en vez de una sola.
rowspan="N"Hace que la celda ocupe N filas en vez de una sola.
Reto rápido
Este encabezado está separado en dos <th> con el mismo texto repetido. Únelos en un solo <th colspan="2">.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Cuando una celda usa colspan="2", esa fila debe tener una celda menos que las demás para que las columnas sigan alineadas.
Dato extra
colspan y rowspan se pueden combinar en la misma celda, para que ocupe un bloque rectangular de varias filas y columnas a la vez.
Error común
Usar colspan o rowspan sin ajustar el número de celdas restantes en esa fila: la tabla queda descuadrada porque las columnas ya no coinciden entre filas.
Siguiente paso
Terminaste el módulo de tablas. El siguiente módulo trata sobre formularios: cómo capturar información del usuario.
Ir a la siguiente lección