« Le langage HTML/Tableaux » : différence entre les versions
Contenu supprimé Contenu ajouté
m →Colonnes : mise en forme |
→Colonnes : col |
||
Ligne 155 :
=== Colonnes ===
Les balises <code>col</code> et <code>colgroup</code> permettent de définir un groupe de colonnes dans le but d'appliquer un style ou une taille précise à une ou plusieurs colonnes.
</colgroup>▼
Le principal attribut de <code>colgroup</code> est <code>span</code>, qui indique le nombre de colonnes faisant partie du groupe. S'il est absent, la valeur par défaut est <code>"1"</code>.
Ligne 172 ⟶ 164 :
<table border="1" rules="groups">
<colgroup span="2" width="40" align="
<colgroup span="2" width="10" align="
<tr>
Ligne 189 ⟶ 181 :
|
{| border="0"
|- align="left"
|-▼
! width="40"| a
! width="40" | b
|-▼
|- align="left"
| 1 || 2
|}
|
{| border="0"
|- align="center" width="10"
! width="10" | c
! width="10" | d
|- align="center"
| 3 || 4
{{fin cadre}}
Au lieu de l'attribut <code>span</code>, on peut utiliser des éléments <code>col</code> pour désigner chaque colonne ; cela permet d'individualiser les attributs pour chaque colonne.
; Exemple
<table border="1" rules="groups">
<colgroup align="left">
<col width="20" />
<col width="40" />
<colgroup span="2" align="center" width="10" />
<tr>
<th> a </th> <th> b </th> <th> c </th> <th> d </th>
</tr>
<tr>
<td> 1 </td> <td> 2 </td> <td> 3 </td> <td> 4 </td>
</tr>
</table>
: donne
{{début cadre|bleu}}
{| border="1" rules="all"
|-
{| border="0"
|- align="left"
! width="20" | a
! width="40" | b
|- align="left"
| width="20" | 1
| width="40" | 2
|}
|
{| border="0"
|- width="10" align="center"
! c !! d
|- width="10" align="center"
▲|-
| 3 || 4
|}
| |||