Tableaux

15/3/2009

et : pour définir une rangée

: pour les cellules de haut de colonne (facultatif)

: pour une cellule

) tout est bien sûr possible, comme mettre plusieurs lignes de texte (avec
,

ou autre), changer la couleur des caractères, celle du fond de la cellule, de mettre des liens, des images, modifier les couleurs et les épaisseurs de bordure, etc...

Tableaux

 

C'est la meilleure façon de gérer convenablement la présentation.

Les tableaux permettent de diviser la page en zones d'espace et de remplir ces zones avec des objets (textes, images, couleurs), permettant un contrôle amélioré de la position des objets.

Ces tables peuvent avoir un fond et des bords visibles ou non.

Insérer un tableau

et
: pour définir un tableau

et et
Exemple :

 
Bienvenue

 







Bienvenue


Ce tableau occupe 50% de la largeur totale de la page sur une ligne avec dans la première cellule l'image et dans la seconde le texte, le tout étant centré.

Mise en forme d'un tableau :

A l'intérieur d'une cellule (entre

et
   






  

: mettre un fond de couleur.

: Occupation en % de la page, vous pouvez aussi travailler en pixels.

Taille des bords (0=pas de bords).

border color="votre couleur" couleur des bordures.

cellpadding="2" Marge intérieure des cellules.

cellspacing="3" Espacement entre les cellules.


Fusionner les lignes et colonnes


Les lignes et colonnes peuvent êtres fusionnées, afin d'obtenir des cellules plus ou moins grandes et accueillir des données. Ce fusionnement est réalisé avec l'attribut :

rowspan et colspan.

- Pour fusionner 2 cellules adjacentes sur une ligne, COLSPAN est requis (pour th ou td)
- Pour fusionner 2 cellules adjacentes sur une colonne, ROWSPAN est requis (pour th ou td)


Exemple:

Cellule 1 2 cellules fusionnées (sur la même ligne)
Cellule 2 Cellule 3 2 cellules fusionnées (sur la même colonne)
Cellule 4 Cellule 5















Cellule 12 cellules fusionnées (sur la même ligne)
Cellule 2Cellule 32 cellules fusionnées (sur la même colonne)
Cellule 4Cellule 5

Tags : bf
Category : INFORMATIQUE اعلاميات | Write a comment | Print

Comments