Voici comment comprendre à réaliser un tableau
Un tableau est composé de lignes et de colonnes formant les cellules du tableau.
Balises obligatoires pour créer un tableau : Début et fin de tableau
- Code:
-
<table></table>
Début et fin de ligne
- Code:
-
<tr></tr>
Début et fin de cellule
- Code:
-
<td></td>
Exemple de code : :
- Code:
-
<table border="1" bordercolor="#4a538a" >
- Code:
-
<tr><td>
1
- Code:
-
</td><td>
2
- Code:
-
</td></tr>
- Code:
-
<tr><td>
3
- Code:
-
</td><td>
4
- Code:
-
</td></tr>
- Code:
-
</table>
Résultat:L'attribut border définit l'épaisseur du tableau, on peut le supprimer pour enlever la bordure.
Les balises
- Code:
-
<tr></tr>
désignent une ligne du tableau et
- Code:
-
<td></td>
correspondent à une cellule.
Les attributs de la balise - Code:
-
<table>
:
L'espace entre les cellules
- Code:
-
<TABLE cellspacing=?>
- Code:
-
<TABLE cellpadding=?>
Marge intérieure des cellules La largeur du tableau peut se définit en pixels ou en %
- Code:
-
<TABLE width="400">
ou
- Code:
-
<table width=40%>
La couleur de la bordure du tableau
- Code:
-
<TABLE bordercolor="#000000">
Définit une image d'arrière plan
- Code:
-
<TABLE background="image.jpg">
La couleur de fond du tableau
- Code:
-
<TABLE bgcolor="#000000">
Les attributs de la cellule, balise - Code:
-
<td>
:
Définit une couleur d'arrière plan
- Code:
-
<TD bgcolor="#ffffff">
- Code:
-
<TD background="image.gif">
Définit une image d'arrière plan Définit la largeur d'une cellule
- Code:
-
<TD width="100" >
Définit la hauteur d'une cellule
- Code:
-
<TD height="100">
Aligne le texte à gauche dans la cellule
- Code:
-
<TD align="left">
Aligne le texte à droite dans la cellule
- Code:
-
<TD align="right">
Aligne le texte au centre de la cellule (sens horizontal)
- Code:
-
<TD align="center">
Aligne le texte en haut de la cellule
- Code:
-
<TD valign="top">
Aligne le texte au milieu de la cellule(sens vertical)
- Code:
-
<TD valign="middle">
Aigne le texte en bas de la cellule
- Code:
-
<TD valign="bottom">