Latest web development tutorials

tag HTML <th>

Exemplos

Um formulário HTML simples com duas células de cabeçalho e duas células de dados:

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

tente »
(Para mais exemplos, ver o fundo da página)

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam <th> tag.


definições e instruções tag

<Th> tag define uma célula de cabeçalho da tabela HTML.

tabela HTML, existem dois tipos de células:

  • As células de cabeçalho - contém informações de cabeçalho (criado pelo elemento <th>)
  • células normais - contém dados (pelas <td> criar elementos)

<Th> elemento é normalmente processado como texto em negrito e centrado.

<Td> elemento é geralmente texto sem formatação de texto alinhado à esquerda.


Dicas e Notas

Dica: Se vocêprecisadeconteúdo através de múltiplas linhas ou colunas, uso de colspan e atributos rowspan!


Diferenças entre HTML 4.01 e HTML5

HTML 5 não é mais um pouco de HTML 4.01 atributos apoiar.


propriedade

属性 描述
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 已废弃。 规定表头单元格的宽度。


Propriedades globais

<Th> tag suporta HTML propriedades globais .


Propriedades de evento

<Th> tag suporta todas as propriedades de evento HTML .


Exemplos

Tente - Exemplo

título da tabela
Este exemplo demonstra como exibir cabeçalhos da tabela.

As células vazias
Este exemplo demonstra como usar o "& nbsp;" nenhuma célula de processamento de conteúdo.

Tabela com cabeçalhos
Este exemplo demonstra com uma forma de título (legenda).

Tags dentro da tabela
Este exemplo demonstra como exibir elementos dentro de outros elementos.

Interbancário em colunas ou célula da tabela
Este exemplo demonstra como a definir transversal ou ao longo das colunas de uma célula da tabela.


artigos relacionados

HTML Tutorial: tabela HTML

Manual HTML DOM Referência: Th objetos