English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <td> tag définit une cellule standard dans un tableau HTML. L'élément <td> définit une cellule de tableau contenant des données. Ce tag est également souvent appelé élément <td>.
HTML Tableau, avec plusieurs cellules :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML Utilisation du tag td (Tutoriel de base du site Web HTML oldtoolbag.com)</title> </head> <body> <table border="1"> <tr> <th>Colonne 1 Titre</th> <th>Colonne 2 Titre</th> </tr> <tr> <td>Données de la Colonne 1, Ligne 2</td> <td>Données de la Colonne 2, Ligne 2</td> </tr> <tr> <td>Données de la Colonne 1, Ligne 3</td> <td>Données de la Colonne 2, Ligne 3</td> </tr> <tr> <td>Données de la Colonne 1, Ligne 4</td> <td>Données de la Colonne 2, Ligne 4</td> </tr> </table> </body> </html>Voyons voir ‹/›
Dans cet HTML5Dans l'exemple de document, nous avons créé un tableau avec le marqueur <table>, qui a2colonnes et4lignes.1est définie par le premier marqueur <tr>. Elle a2Cellules d'en-tête définies par le marqueur <th>. La ligne n°2à4Ligne définie par le marqueur <td> pour définir la cellule standard du tableau.
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge le tag <td>.
Le tag <td> définit une cellule standard dans un tableau HTML.
Il existe deux types de cellules dans un tableau HTML :
Cellules d'en-tête - Contient des informations d'en-tête (créé par <th> (créé par l'élément)
Cellule standard - Contient des données (créé par l'élément <td>)
Le texte dans l'élément <th> est généralement en gras et centré.
Le texte dans l'élément <td> est généralement du texte aligné à gauche.
Avis :Si vous devez couvrir plusieurs lignes ou colonnes de contenu, utilisez les attributs colspan et rowspan !
HTML 5 Ne prend plus en charge HTML 4.01 Certains attributs de.
| Attribut | Valeur | Description |
|---|---|---|
| abbr | text | HTML5 Non pris en charge. Définir une version abrégée du contenu de la cellule. |
| align | left right center justify char | HTML5 Non pris en charge. Définir l'alignement horizontal du contenu de la cellule. |
| axis | category_name | HTML5 Non pris en charge. Classer la cellule. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définir la couleur de fond de la cellule. |
| char | character | HTML5 Non pris en charge. Définir l'alignement du contenu en fonction de quel caractère. |
| charoff | number | HTML5 Non pris en charge. Définir le décalage de l'alignement des caractères. |
| colspan | number | Définir le nombre de colonnes que la cellule peut couvrir horizontalement. |
| headers | header_id | Définir une ou plusieurs cellules d'en-tête associées à la cellule. |
| height | pixels % | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définir la hauteur de la cellule. |
| nowrap | nowrap | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définir si le contenu de la cellule doit être déroulé. |
| rowspan | number | Définir le nombre de lignes que la cellule peut couvrir horizontalement. |
| scope | col colgroup row rowgroup | HTML5 Non pris en charge. Définit la méthode pour associer les cellules d'en-tête au contenu des cellules de données. |
| valign | top middle bottom baseline | HTML5 Non pris en charge. Définit la manière de disposition verticale du contenu de la cellule. |
| width | pixels % | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définit la largeur de la cellule. |
Supporté par <td> balise Attributs globaux HTML.
Supporté par <td> balise Attributs d'événement HTML.
Cellules de tableau traversant des lignes ou des colonnes
Ce exemple montre comment définir des cellules de tableau qui traversent des lignes ou des colonnes.
Balises dans le tableau
Ce exemple montre comment afficher des éléments dans différents éléments.
Marge des cellules (Cell padding)
Ce exemple montre comment utiliser Cell padding pour créer un espace entre le contenu de la cellule et son bord.
Espacement des cellules (Cell spacing)
Ce exemple montre comment utiliser Cell spacing pour augmenter l'espace entre les cellules.
Tutoriel HTML :Tableau HTML
Manuel de référence HTML DOM : Objet Td