Bonjour,
Voici un petit tableau tout simple :
Test | Test n°1 |
Test n°2 | Test n°3 |
- Code:
-
<table width="600"><tr><td style="border:1px solid #123456;" width="200" rowspan=2 vAlign="middle" align="center">Test</td><td style="border:1px solid #123456;" width="400" colspan=2 align="center">Test n°1</td></tr><tr><td style="border:1px solid #123456;" width="200">Test n°2</td><td style="border:1px solid #123456;" width="200">Test n°3</td></tr></table>
Explications :
- Table : Balise pour le tableau au complet
- TR : Balise pour le renvoi vers une nouvelle ligne du tableau
- TD : Balise pour une cellule d'un tableau
- Style="XXXX" : Permet de mettre du css pour agrémenter vos tableau
- Rowspan=X : A pour effet de donner une largeur de lignes que l'on définit. (Dans ce cas 2) "Fusionne les cellules en quelque sorte"
- Colspan=X : a pour effet de donner une largeur de colonne que l'on définit. (Dans ce cas 2) "Fusionne les colonne en quelques sortes
- vAlign : Il permet de contrôler la disposition verticale des données à l'intérieur des cellules du tableau.
- valign=top : le texte est placé dans la partie supérieure de la cellule.
- valign=middle : le texte est placé au milieu de la cellule (valeur par défaut).
- valign=bottom : le texte est placé dans la partie inférieure de la cellule.
- valign=baseline : le texte est placé sur la même ligne.
- Align : Il permet de contrôler la disposition horizontale des données à l'intérieur des cellules du tableau.
Je ne développe pas la partie CSS car vous pouvez personnalisé au maximum selon vos connaissances