Outil-référencement.com
Notre outil SEO

Oseox-monitoring.fr

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 1Cellule 2
Cellule 3Cellule 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.

Cellule 1 et 3Cellule 2
Cellule 4
Cellule 1 et 2
Cellule 3Cellule 4

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

Sommaire Xhtml

Plan du site - Outil-Referencement.com 2005 - 2018