Outil-referencement : Les tableaux en Html
Les tableaux
L´utilisation de tableaux pour positionner vos informations et vos images n´est pas recommandé. Cela augmente inutilement le poids de vos pages, surcharge le serveur et ne facilite pas les modifications. Il faut mieux utiliser le postionnement par Css.
Voici un exemple de tableau à deux lignes et deux colonnes :
| Cellule 1 | Cellule 2 |
| Cellule 3 | Cellule 4 |
Et voici le code correspondant :
<table border="1">
<tr>
<td>Cellule 1</td><td>Cellule 2</td>
</tr>
<tr>
<td>Cellule 3</td><td>Cellule 4</td>
</tr>
</table>
Pour ne pas afficher les bordures du tableau, il faut affecter la valeur 0 à l´attribut border.
Il est possible de fusionner des lignes et de colonnes à l´aide des attributs colspan et rowspan.
|
| |||||||
Fusionner des lignes :
<table border="1">
<tr>
<td rowspan="2">Cellule 1 et 3</td><td>Cellule 2</td>
</tr>
<tr>
<td>Cellule 4</td>
</tr>
</table>
Fusionner des colonnes :
<table border="1">
<tr>
<td colspan="2">Cellule 1 et 2</td>
</tr>
<tr>
<td>Cellule 3</td>
<td>Cellule 4</td>
</tr>
</table>
Aide mémoire :
| Attribut | Action |
| table | Annonce le debut ou la fin d´un tableau |
| table border | Anonce le debut d´un tableau avec bordure |
| table border=[?] | Definie la taille de la bordure du tableau |
| table cellspading=[?] | Definie l´espace entre les case du tableau |
| table width=[?](%) | Oblige le tableau a occuper une taille en pixel ou un pourcentage de la fenetre (largeur) |
| table height=[?](%) | Oblige le tableau a occuper une taille en pixel ou un pourcentage de la fenetre (Hauteur) |
| table bgcolor=[?] | Definie la couleur a l´interieur des case |
| table bordercolor=[?] | Definie la couleur des bordures |
| table bordercolorlight=[?] | Defini la couleur des bordure haute et gauche |
| table bodercolordark=[?] | Defini la couleur des bordure basse et droite |
| caption valign=[?] align=[?] | Defini une en tete ou un pied de tableau |
| th (align=[?] valign=[?] width=[?] height=[?] bgcolor=[?]) |
definie une case de titre |
| td (align=[?] valign=[?] width=[?] height=[?] bgcolor=[?]) |
definie une cellule |
| tr | Commence et termine une nouvelle ligne |
| th colspan=[?] | Definie sur combien de colonne s´etend la cellule de titre |
| td colspan=[?] | Definie sur combien de colonne s´etend la cellule |
| th rowspan=[?] | Definie sur combien de ligne s´etend la cellule de titre |
| td rowspan=[?] | Definie sur combien de ligne s´etend la cellule |
Faire un lien :
<a href="http://www.outil-referencement.com/tableau-html.htm" title="Outil-referencement"> Les tableaux en Html </a>
Nos articles : Quelques Icones gratuites ou photos libre de droit sur le Geoportail ign 3D et avec Second life : Gagner de l'argent.
