HTML 参考手册

HTML 标签大全

HTML: <textarea> etiqueta HTML: <tbody> etiqueta

HTML: <td> etiqueta

HTML <td>标签在HTML表中定义了一个标准单元格。 <td> 元素定义了一个包含数据的表格单元格。此标签通常也称为 <td>元素。

在线示例

　HTML 表格，带有多个单元格：

Exemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8<table　border="
<title>HTML　td标签的使用(基础教程网　oldtoolbag.com)</title>
body>/head>
head>
<body>1<table　border="
　　th>
　　　　">　1　<th>Column/Heading<
　　　　">　2　<th>Column/Heading<
　　body>/td>
　　th>
　　　　<tr>　1<td>Data　in　Column　2body>/,　Row
　　　　<tr>　2<td>Data　in　Column　2body>/,　Row
　　body>/td>
　　th>
　　　　<tr>　1<td>Data　in　Column　3body>/,　Row
　　　　<tr>　2<td>Data　in　Column　3body>/,　Row
　　body>/td>
　　th>
　　　　<tr>　1<td>Data　in　Column　4body>/,　Row
　　　　<tr>　2<td>Data　in　Column　4body>/,　Row
　　body>/td>
body>/tr>
body>/table>
body>/<

html>/Teste para ver ‹

›5Aqui no HTML2em um exemplo de documento, criamos uma tabela usando o rótulo <table>, que tem4colunas e1linhas. A linha do quadro2As células de cabeçalho definidas pelo rótulo <th> são. A linha deste quadro é definida pelo primeiro rótulo <tr>. Ele tem2até4As linhas são definidas pelo rótulo <td> para definir a célula padrão da tabela.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o rótulo <td>.

Descrição do rótulo e instruções de uso

O rótulo <td> define a célula padrão de uma tabela HTML.

Existem dois tipos de células em uma tabela HTML:

Células de cabeçalho - Contém informações de cabeçalho (criado por <th> (criado pelo elemento)
Célula padrão - Contém dados (criado pelo elemento <td>)

O texto dentro do elemento <th> geralmente é exibido em negrito e centralizado.

O texto dentro do elemento <td> é geralmente texto alinhado à esquerda.

Dicas e Atenção

Dica:Se precisar estender o conteúdo em várias linhas ou colunas, use os atributos colspan e rowspan!

HTML 4.01 com HTML5diferenças

HTML 5 não é mais suportado HTML 4.01 Alguns dos atributos.

Atributo

Atributo	Valor	Descrição
abbr	text	HTML5 Não suportado. Determinar a versão abreviada do conteúdo da célula.
align	left 　right 　center 　justify 　char	HTML5 Não suportado. Determinar o alinhamento horizontal do conteúdo da célula.
axis	category_name	HTML5 Não suportado. Classificar a célula.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 Não suportado. HTML 4.01 Descontinuado. Definir a cor de fundo da célula.
char	character	HTML5 Não suportado. Determinar o caractere a ser usado para alinhar o conteúdo.
charoff	number	HTML5 Não suportado. Determinar o deslocamento do alinhamento de caracteres.
colspan	number	Definir o número de colunas que a célula pode cruzar horizontalmente.
headers	header_id	Definir uma ou mais células de cabeçalho associadas à célula.
height	pixels %	HTML5 Não suportado. HTML 4.01 Descontinuado. Definir a altura da célula.
nowrap	nowrap	HTML5 Não suportado. HTML 4.01 Descontinuado. Determinar se o conteúdo da célula deve ser quebrado.
rowspan	number	Definir o número de linhas que a célula pode cruzar horizontalmente.
scope	col 　colgroup 　linha 　rowgroup	HTML5 Não suportado. Define o método de associação entre células de cabeçalho e células de dados.
valign	superior 　meio 　inferior 　linha de base	HTML5 Não suportado. Define a alinhamento vertical do conteúdo da célula.
largura	pixels %	HTML5 Não suportado. HTML 4.01 Descontinuado. Define a largura da célula.

Atributos globais

Suporte do <td> etiqueta Atributos globais do HTML.

Atributos de evento

Suporte do <td> etiqueta Atributos de evento do HTML.

Experimente - Exemplo

Células de tabela que se estendem por linhas ou colunas
Este exemplo demonstra como definir células de tabela que se estendem por linhas ou colunas.

Etiquetas dentro da tabela
Este exemplo demonstra como exibir elementos dentro de diferentes elementos.

Margem de célula (Cell padding)
Este exemplo demonstra como usar o Cell padding para criar espaço entre o conteúdo da célula e sua borda.

Espaçamento de célula (Cell spacing)
Este exemplo demonstra como usar o Cell spacing para aumentar o espaço entre as células.