Exemplo
Uma tabela HTML simples, com duas células de tabela:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <td> tag define uma célula normal em uma tabela HTML.
Uma tabela HTML tem dois tipos de células:
- As células de cabeçalho - contém informações de cabeçalho (criado com o <th> elemento)
- Células normais - contém dados (criado com o <td> elemento)
O texto em <th> elementos são negrito e centralizado por padrão.
O texto em <td> elementos são regulares e alinhado à esquerda por padrão.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <td> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Use o colspan e rowspan atributo para permitir que o tempo de conteúdo através de múltiplas colunas ou linhas!
Diferenças entre HTML 4.01 e HTML5
Todos os atributos de layout são removidos em HTML5.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| abbr | text | Não suportado em HTML5. Especifica uma versão abreviada do conteúdo de uma célula |
| align | left right center justify char | Não suportado em HTML5. Alinha o conteúdo de uma célula |
| axis | category_name | Não suportado em HTML5. categoriza células |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Não suportado em HTML5. Especifica a cor de fundo de uma célula |
| char | character | Não suportado em HTML5. Alinha o conteúdo de uma célula para um personagem |
| charoff | number | Não suportado em HTML5. Define o número de caracteres o conteúdo será alinhado do caractere especificado pelo char atributo |
| colspan | number | Especifica o número de colunas de uma célula deve espalhar |
| headers | header_id | Especifica uma ou mais células de cabeçalho de uma célula está relacionada com |
| height | pixels % | Não suportado em HTML5. Define a altura de uma célula |
| nowrap | nowrap | Não suportado em HTML5. Especifica que o conteúdo dentro de uma célula não deve quebrar |
| rowspan | number | Define o número de linhas que uma célula deve abrangem |
| scope | col colgroup row rowgroup | Não suportado em HTML5. Define uma maneira de associar células de cabeçalho a células de dados em uma tabela |
| valign | top middle bottom baseline | Não suportado em HTML5. Vertical alinha o conteúdo de uma célula |
| width | pixels % | Não suportado em HTML5. Especifica a largura de uma célula |
Atributos globais
O <td> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <td> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
cabeçalhos da tabela
Como criar cabeçalhos da tabela.
Tabela com uma legenda
Uma tabela HTML com uma legenda.
Marcações dentro de uma tabela
Como exibir elementos dentro de outros elementos.
C ells que se estendem por mais de uma linha / coluna
Como definir células da tabela que se estendem por mais de uma linha ou uma coluna.
Páginas relacionadas
Tutorial HTML: tabelas HTML
Referência HTML DOM: TableData Objeto
CSS Tutorial: Tabelas Styling
Configurações CSS padrão
A maioria dos navegadores irá exibir o <td> elemento com os seguintes valores padrão:
td {
display: table-cell;
vertical-align: inherit;
}