Latest web development tutorials

HTML <th> tag

Exemples

Un formulaire HTML simple avec deux cellules d'en-tête et deux cellules de données:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Essayez »
(Pour plus d'exemples, voir le bas de la page)

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs supportent <th> tag.


définitions de balises et les instructions

<Th> définit un en-tête de cellule de tableau HTML.

table HTML, il existe deux types de cellules:

  • les cellules d'en-tête - contient des informations d'en-tête (créé par le <th>)
  • cellules standard - contient des données (par les <td> créer des éléments)

<Th> est généralement rendu sous forme de texte en gras et centré.

<Td> est généralement le texte brut texte aligné à gauche.


Trucs et astuces

Astuce: Si vous avezbesoin de contenu sur plusieurs lignes ou colonnes, utilisez colspan et rowspan!


Différences entre HTML 4.01 et HTML5

HTML 5 est plus du HTML 4.01 attributs prennent en charge.


propriété

属性 描述
abbr text HTML5 不支持。 规定表头单元格中内容的缩写版本。
align left
right
center
justify
char
HTML5 不支持。 规定表头单元格内容的水平对齐方式。
axis category_name HTML5 不支持。 对表头单元格进行分类。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的背景颜色。
char character HTML5 不支持。 规定根据哪个字符来进行内容的对齐。
charoff number HTML5 不支持。 规定对齐字符的偏移量。
colspan number 规定表头单元格可横跨的列数。
headers header_id 规定与表头单元格相关联的一个或多个表头单元格。
height pixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的高度。
nowrap nowrap HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格中的内容是否折行。
rowspan number 规定表头单元格可横跨的行数。
scope col
colgroup
row
rowgroup
规定表头单元格是否是行、列、行组或列组的头部。
valign top
middle
bottom
baseline
HTML5 不支持。 规定表头单元格内容的垂直排列方式。
width pixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的宽度。


global Properties

<Th> supporte HTML propriétés globales .


Propriétés de l'événement

<Th> supporte toutes les propriétés de l' événement HTML .


Exemples

Essayez - Exemple

Tableau titre
Cet exemple montre comment afficher les en-têtes de table.

Les cellules vides
Cet exemple montre comment utiliser le «& nbsp;" aucune cellule de traitement de contenu.

Table avec rubriques
Cet exemple montre avec un titre (légende) forme.

Mots - clefs au sein de la table
Cet exemple montre comment afficher des éléments à l'intérieur d'autres éléments.

Interbank à travers des colonnes ou cellule de tableau
Cet exemple montre comment définir croix ou à travers les colonnes d'une cellule de tableau.


articles connexes

Tutoriel HTML: tableau HTML

Manuel HTML DOM Référence: Th objets