English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <th>标签定义了一个标题单元格，该标题单元格可以出现在HTML表的第一行中。浏览器将在 <th>标签中找到的文本呈现为粗体，居中对齐的文本。该标签通常也称为 <th>元素。
HTML 表格，带有两个表头单元格和两个数据单元格：
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML th标签的使用(基础教程网 oldtoolbag.com)</title> </head> <body> <table border="1"> <tr> <th>Column 1 Heading</th> <th>Column 2 Heading</th> <th>Column 3 Heading</th> </tr> <tr> <td>Data in Column> 1, Row 2</td> <td>Data in Column> 2, Row 2</td> <td>Data in Column> 3, Row 2</td> </tr> </table> </body> </html>Voyons si ça fonctionne ‹/›
Dans cet HTML5Dans l'exemple de document, nous avons créé un tableau avec le marqueur <table>, qui a3colonne et2ligne1ligne3Les cellules utilisées pour définir les cellules de titre <th> de cette table sont2Ligne utilisée pour définir la cellule standard <td>.
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge le tag <th>.
Le tag <th> définit une cellule d'en-tête dans un tableau HTML.
HTML tables ont deux types de cellules :
Cellule d'en-tête - Contient des informations d'en-tête (créées par l'élément <th>)
Cellule standard - Contient des données (par <td> Création de l'élément)
Le texte dans l'élément <th> est généralement affiché en gras et centré.
Le texte dans l'élément <td> est généralement du texte aligné à gauche.
Le marqueur <th> est une cellule de titre, qui peut apparaître dans la première ligne d'un tableau HTML. Vous pouvez définir le marqueur <th> à l'intérieur du marqueur <thead>, ce qui offre certains avantages des navigateurs, mais c'est optionnel.
Avis :Si vous devez étendre le contenu sur plusieurs lignes ou colonnes, utilisez les attributs colspan et rowspan !
HTML 5 Ne prend plus en charge HTML 4.01 Certains des attributs.
| Attribut | Valeur | Description |
|---|---|---|
| abbr | text | HTML5 Non pris en charge. Définit une version abrégée du contenu d'une cellule d'en-tête. |
| align | left right center justify char | HTML5 Non pris en charge. Définit l'alignement horizontal du contenu d'une cellule d'en-tête. |
| axis | category_name | HTML5 Non pris en charge. Classifie une cellule d'en-tête. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définit la couleur de fond d'une cellule d'en-tête. |
| char | character | HTML5 Non pris en charge. Définit sur quel caractère aligner le contenu. |
| charoff | number | HTML5 Non pris en charge. Définit le décalage de l'alignement des caractères. |
| colspan | number | Définit le nombre de colonnes que peut couvrir une cellule d'en-tête. |
| headers | header_id | Définit une ou plusieurs cellules d'en-tête associées à une cellule d'en-tête. |
| height | pixels % | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définit la hauteur d'une cellule d'en-tête. |
| nowrap | nowrap | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définit si le contenu d'une cellule d'en-tête doit être déroulé. |
| rowspan | number | Définit le nombre de lignes que peut couvrir une cellule d'en-tête. |
| scope | col colgroup row rowgroup | Définit si la cellule en-tête est la tête de ligne, de colonne, de groupe de lignes ou de groupe de colonnes. |
| valign | haut milieu bas ligne de base | HTML5 Non pris en charge. Définit la manière de disposition verticale du contenu de la cellule en-tête. |
| largeur | pixels % | HTML5 Non pris en charge. HTML 4.01 Obsolète. Définit la largeur de la cellule en-tête. |
La balise <th> prend en charge Attributs globaux HTML。
La balise <th> prend en charge tous Attributs d'événement HTML。
Cellules de tableau couvrant plusieurs lignes ou colonnes
Ce exemple montre comment définir des cellules de tableau qui couvrent plusieurs lignes ou colonnes.
Balises dans le tableau
Ce exemple montre comment afficher des éléments à l'intérieur de différents éléments.
Marge de cellule (Cell padding)
Ce exemple montre comment utiliser le marge de cellule pour créer un espace entre le contenu de la cellule et son bord.
Espacement de cellule (Cell spacing)
Ce exemple montre comment utiliser l'espacement de cellule pour augmenter l'écart entre les cellules.
Tutoriel HTML :Tableau HTML
Manuel de référence HTML DOM :Objet Th