Balise <td>HTML
Exemples
Un tableau HTML simple avec deux cellules :
<tr>
<td>Cellule A</td>
<td>Cellule B</td>
</tr>
</table>
Essayez-le vous-même »
(Plus d'exemples en bas de la page)
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la balise <td>.
Définition de la balise et instructions d'utilisation
La balise <td> définit une cellule standard dans un tableau HTML.
Un tableau HTML possède deux types de cellules :
- Cellules d'en-tête - contiennent des informations d'en-tête (créées par l'élément<th>)
- Cellules standard - contiennent des données (créées par l'élément <td>)
Le texte dans les éléments <th> est généralement affiché en gras et centré.
Le texte dans les éléments <td> est généralement du texte normal aligné à gauche.
Conseils et notes
Astuce :Si vous devez étendre le contenu sur plusieurs lignes ou colonnes, utilisez les attributs colspan et rowspan !
Différences entre HTML 4.01 et HTML5
Certains attributs en HTML 4.01 ne sont plus pris en charge dans HTML5.
Attributes
| Attribut | Valeur | Description |
|---|---|---|
| abbr | text | Non pris en charge dans HTML5.Spécifie une version abrégée du contenu de la cellule. |
| align | left right center justify char |
Non pris en charge dans HTML5.Spécifie l'alignement horizontal du contenu de la cellule. |
| axis | category_name | Non pris en charge dans HTML5.Classe la cellule. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
Non pris en charge dans HTML5. Obsolète en HTML 4.01.Spécifie la couleur d'arrière-plan de la cellule. |
| char | caractère | Non pris en charge dans HTML5.Spécifie avec quel caractère aligner le contenu. |
| charoff | nombre | Non pris en charge dans HTML5.Spécifie le décalage du caractère d'alignement. |
| colspan | nombre | Spécifie le nombre de colonnes qu'une cellule peut couvrir. |
| headers | header_id | Spécifie une ou plusieurs cellules d'en-tête associées à la cellule. |
| height | pixels % |
Non pris en charge dans HTML5. Obsolète dans HTML 4.01. Définit la hauteur de la cellule. |
| nowrap | nowrap |
Non pris en charge dans HTML5. Obsolète dans HTML 4.01. Spécifie si le contenu de la cellule doit passer à la ligne. |
| rowspan | nombre | Définit le nombre de lignes qu'une cellule peut couvrir verticalement. |
| scope | col colgroup row rowgroup |
Non pris en charge dans HTML5.Définit une méthode pour associer des cellules d'en-tête à des cellules de données. |
| valign | top middle bottom baseline |
Non pris en charge dans HTML5.Spécifie l'alignement vertical du contenu de la cellule. |
| width | pixels % |
Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie la largeur de la cellule. |
Attributs globaux
La balise <td> prend en chargeles attributs globaux HTML。
Attributs d'événement
La balise <td> prend en chargeles attributs d'événements HTML。
Essayez-le vous-même - Exemples
Cet exemple montre comment afficher les en-têtes d'un tableau.
Cet exemple montre comment utiliser " " pour gérer les cellules sans contenu.
Cet exemple montre un tableau avec une légende.
Cet exemple montre comment afficher des éléments à l'intérieur d'autres éléments.
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.
Articles connexes
Tutoriel HTML :Tableaux HTML
Référence DOM HTML :Objet Td
Autres extensions