بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
fast-info
السلام عليكم ورحمة الله وبركاتة . زوار مدونة
htmlنبداء بدرس السادس من دروس
ملاحظة * جميع دروس ستكون باللغة
الفرنسية
Fusionner des cellules
Il est
possible de fusionner des cellules entre elles en utilisant des attributs de la
balise td.
La fusion de plusieurs cellules d'une même ligne, c'est-à-dire de plusieurs colonnes, se fait grâce à
l'option colspan et la fusion de plusieurs cellules appartenant à une même colonne, c'est-à-dire de
plusieurs lignes, avec l'option rowspan. Ces deux attributs prennent la valeur correspondant aux
nombres de cellules que l'on souhaite fusionner.
La fusion de plusieurs cellules d'une même ligne, c'est-à-dire de plusieurs colonnes, se fait grâce à
l'option colspan et la fusion de plusieurs cellules appartenant à une même colonne, c'est-à-dire de
plusieurs lignes, avec l'option rowspan. Ces deux attributs prennent la valeur correspondant aux
nombres de cellules que l'on souhaite fusionner.
Exemple
pour
fusionner trois cellules d'une colonne :
fusioner les cellules
Et voilà le
résultat :
triple
cellule
|
||
cellule
simple
|
deuxième
cellule simlpe
|
troisième
cellule simple
|
La fusion
des cellules d'une colonne est un peu plus complexe, en raison de la
construction linéaire
des tableaux. En effet, lorsqu'une cellule occupe plusieurs lignes, elle est définie dans la première
ligne et pas dans les lignes suivantes ; celles-ci contiennent donc un élément td de moins.
des tableaux. En effet, lorsqu'une cellule occupe plusieurs lignes, elle est définie dans la première
ligne et pas dans les lignes suivantes ; celles-ci contiennent donc un élément td de moins.
Exemple
ce qui donne
cellule1
|
cellule
simple
|
cellule
simple
|
cellule
simple
|
cellule
simple
|
cellule
simple
|
cellule
simple
|
|
cellule
simple
|
cellule
simple
|
cellule
simple
|
Remarque :
- En principe, la taille du
tableau et celle des cellules s'adaptent automatiquement à
l'encombrement des données. Cependant, il est possible de contrôler la taille exacte du
tableau en utilisant l'attribut width avec des valeurs en pixels ou en pourcentage.
- Il est possible d'imbriquer des tableaux (placer un tableau à l'intérieur d'une cellule).
- La construction d'un tableau
est une affaire d'organisation. Un tableau se construit avec une
hiérarchie de trois niveaux: - déclaration du tableau <table>
- déclaration d'une ligne dans le tableau<tr>
- déclaration d'une (ou plusieurs) cellule dans la ligne<td>
- Il est possible d'insérer des images dans les cellules d’un tableau ou d'en colorer le fond.
0 commentaires:
Enregistrer un commentaire