Las tablas constituyen un medio fácil de presentar datos en filas y columnas de celdas.
Para sacar provecho de este artículo es necesario conocer la sintaxis HTML de las tablas. La etiqueta <table>, que permite insertar una tabla en la página, es una de las etiquetas más utilizadas en HTML.
Las tablas se crean con SPIP de la siguiente manera:
||Leyenda de la Tabla|Resumen de la Tabla||
| {{Nombre}} | {{Fecha de nacimiento}} | {{Ciudad}} |
| Jacques | 5/10/1970 | Paris |
| Claire | 12/2/1975 | Belfort |
| Martin | 1/31/1957 | Nice |
| Marie | 23/12/1948 | Perpignan |lo que produce esta presentación:
| Nombre | Fecha de nacimiento | Ciudad |
|---|---|---|
| Jacques | 5/10/1970 | Paris |
| Claire | 12/2/1975 | Belfort |
| Martin | 1/31/1957 | Nice |
| Marie | 23/12/1948 | Perpignan |
Los siguientes estilos permiten dar parámetros a la presentación de las tablas:
- table.spip permite modificar el comportamiento general de la tabla, en particular sus dimensiones, sus márgenes y su posición (colocada a la izquierda, centrada, etc.);
- table.spip caption afecta a la leyenda (opcional) de la tabla;
- table.spip tr.row_first afecta a la «primera fila» de la tabla (aquí en amarillo). Para que la primera línea se tenga en cuenta como fila de títulos, cada uno de los elementos que contiene ha de estar en negrita.
- table.spip tr.row_odd y table.spip tr.row_even para las otras líneas. Estos estilos ofrecen la posibilidad de aplicar dos colores diferentes con «row_odd» y «row_even» (aquí, gris claro y gris oscuro), permitiendo así alternar los colores de una línea respecto de la otra, lo que hace más agradable la lectura de la tabla;
- table.spip th y table.spip td afectan a las celdas de la tabla y permiten, por ejemplo, controlar sus márgenes interiores (padding), para espaciar la presentación.