1.3.3. Tablas

Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, así como toda estructura en documentos HTML, son definidas usando tags.

Una tabla simple puede ser insertada en un documento HTML usando tres tags: el tag HTML table (principal contenedor), el tag HTML tr (fila contenedora) y el tag HTML td (celda simple).

Ejemplo:

Código Efecto visual
Celda 1 Celda 2 Celda 3
Celda 4 Celda 5 Celda 6
Celda 7 Celda 8 Celda 9

Las tablas tienen diversos atributos de presentación como el atributo «border», el cual es sólo utilizado para mejorar la visualización. Como los atributos de presentación van siendo desaprobados con cada versión del estándar HTML, y dado que los mismos efectos pueden lograrse usando hojas de estilo, recomendamos evitar el uso de atributos de presentación tales como «border».

Las celdas vacías igual deben ser declaradas utilizando sus respectivos tags para lograr correctitud en el código. Cuando el contenido de una celda debe ser vacío, use siempre un espacio en blanco ( ) en su lugar.

Esto hará que tu página sea compatible, dado que algunos navegadores tienen problemas al mostrar celdas vacías.

Deja un comentario