Les tableaux

Les tableaux
Un tableau est toujours utile (même si l'éditeur de script de phb bb les faits assez facilement) la balise qui indique que l'on veut mettre un tableau est la suivante :

Code:

<table></table>

Mais elle ne sert à rien toute seule la balise :

Code:

<tr></tr>

défini une ligne d'un tableaux
et la balise :

Code:

<td></td>

défini une section dans une ligne

Donc par exemple vous pouvez encadrez un mot de cette manière :

Code:

<table><tr><td>votre texte</td></tr></table>

Mais là n'est pas l'intêret des tableaux vous pouvez faire des choses plus intéressantes.

Fusionner des lignes et des collones

Vous pouvez fusionner des sections de gauches à droite et des sections de haut en bas pour faire que votre tableaux soit tout d'abord un longue lignes qui englobe plusieurs collones et que la première collone englobe plusieurs ligne (c'est tordus pas vrai ^^)
Pour cela il faut rajouter l'atribut rowspan ou colspan à la balise td en fonction de ce que vous désirez modifier.
Ainsi :

Code:

<table><tr><td colspan="2">texte englobant 2 collones</td></tr><tr><td rowspan="2">texte englobant 2 lignes</td><td>cellule 1</td></tr><tr><td>cellule 2</td></tr></table>

Modifier les tailles dans une tableaux
Vous pouvez modifier plusieurs taille dans le tableau.
La taille globale par exemple utilise les deux très connus attributs width et heigth qui exprime la largeur et la hauteur en pixels.
Exemple:

Code:

<table width="100" height="100"><tr><td>votre texte</td></tr></table>

Il y a moyen de changer aussi la taille des sections de la même manière.
Exemple:

Code:

<table><tr><td width="50" height="50">votre texte</td></tr><tr><td width="25" height="25">votre texte</td></tr></table>

On peut aussi changer l'épaisseur de la bordure avec l'attribut border
Exemple:

Code:

<table border ="3"><tr><td>votre texte</td></tr></table>

Ainsi que la distance qui séparent le texte de la bordure avec l'attribut cellspanding
Exemple:

Code:

<table border ="3" cellspanding="3"><tr><td>votre texte</td></tr></table>

Modifier les couleurs dans une tableaux

On peut aisement jouer avec les couleurs dans un tableau vous pouvez donner une couleur globale à votre tableaux grâce à l'attribut très connu lui aussi j'ai nommé bg color.
Exemple:

Code:

<table bg color="blue"><tr><td>votre texte</td></tr></table>

Mais on peut augmenter l'interet en coloriant chaque section d'une couleur différente.
Exemple:

Code:

<table><tr><td bg color="blue">votre texte</td></tr><tr><td bg color="green">votre texte</td></tr><tr><td bg color="red">votre texte</td></tr></table>

On peut colorier la bordure avec bordercolor et si on veux donner un joli effet on peut utiliser bordercolordark et bordecolorlight.
Exemple:

Code:

<table bordercolor="blue"><tr><td>votre texte</td></tr></table>

Exemple avec joli effet:

Code:

<table bordercolordark="blue" bordercolorlight="yellow"><tr><td>votre texte</td></tr></table>