La balise <tr> sert à définir une rangée. Comme pour les autres cette balise est accompagné de divers attributs dont voici une liste.

align
Comme vous le savez déjà cet attribut permet d'aligner le texte ou les images placé dans les colonnes du tableau. Lorsque vous utilisez l'attribut align avec la balise <tr>, la valeur de l'attribut prendra effet sur toutes les colonnes encadré dans les balises <tr>..</tr>. ex:

<table width="500" height="800" border="1">
<tr align="center">
<td>contenu 1</td>
<td>contenu 2</td>
</tr>
</table>

Les valeurs pouvant être appliqué sont :
- center : centrer le texte.
- right : aligner sur la droite.
- left : aligner sur la gauche.
- justify : justifier le texte(aligner le texte à gauche et à droite).

valign
Comme pour les autres balises nous pouvons spécifier l'alignement du texte sur le plan verticale à l'aide de l'attribut valign. Comme pour align la valeur sera appliqué à toutes les colonnes présentes entre les balises <tr>..</tr>. ex:

<table width="200" height="400" border="2">
<tr valign="top">
<td>texte 1</td>
<td>texte 2</td>
</tr>
</table>

Les valeurs pouvant être appliqué sont :
- top : aligner en haut.
- bottom : aligner en bas.
- middle : au milieu (par défaut).
- baseline : les balises contenant cette valeur seront aligné les unes par rapport aux autres.

bgcolor
La couleur de fond des colonnes peut également être spécifier dans la balise <tr>. Cela permet d'appliquer la couleur à toutes les colonnes contenu dans la balise. ex:

<table width="300" height="600" border="5">
<tr bgcolor="#F0F0F0">
<td>texte 1</td>
<td>texte 2</td>
</tr>
</table>

Mais bien sur vous avez la possibilité par la suite d'appliquer une autre couleur sur une ou plusieurs colonnes contenu dans cette balise. ex:

<table width="200" height="300" border="1">
<tr bgcolor="#FFF0F0">
<td bgcolor="#FF0000">texte 1</td>
<td>texte 2</td>
</tr>
</table>

Suite à venir...

Les tableaux - Troisième partie : la balise TR

Partager cet article