1 Création
Structure de base d'un tableau :
| <table> |
| <tr> |
| | <nobr><td> ... </td>
<td> ... </td></nobr> |
| </tr> |
| </table> |
|
| Marqueur de tableau |
| Marqueur de ligne ("r"=row=rangée=ligne) |
Marqueur de cellule et fin de cellule.
Chaque <td> ... </td> réalise une colonne."d"=data=donnée |
| Fin de ligne |
| Fin du tableau |
|
Les cellules titres utilisent le marqueur <th> à la place de <td>
Pour obtenir un cadre, il suffit d'ajouter l'attribut border :
2 Bordures
Bordures :
| <table> |
<table border> |
<table border="4"> |
|
|
|
|
Quadrillage :
<table border cellspacing="0">
Épaisseur du quadrillage</TD>
| <table border cellpadding="10">
Espace entre texte et quadrillage |
|
|
|
3 Dimensions d'un tableau et de ces cellules
Un tableau : mettre les attributs dans le marqueur : <table width="..." height="..." >
Une cellule : mettre les attributs dans le marqueur : <td width="..." height="..."> ou <th ...>
Il existe deux méthodes :
3.1 Dimensions relatives : (avec "%")
Voici un tableau qui occupe 75% de l'objet qui le contient
| Tableau avec width="75%" et height="10%" |
|---|
| Cellule dimensionnée à 60% du tableau |
Reste (40%) |
3.2 Dimensions absolues : (sans "%")
Voici un tableau qui occupe 400 pixels
| Tableau avec width="400" pixels et height="10" pixels |
|---|
| Cellule dimensionnée à 250 pixels |
Reste 150 |
