tutoriais mais recente desenvolvimento web
 

HTML <tr> Tag


Exemplo

Uma tabela HTML simples, contendo duas colunas e duas linhas:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.


Definição e Uso

O <tr> tag define uma linha em uma tabela HTML.

Um <tr> elemento contém um ou mais <th> ou <td> elementos.


Suporte a navegadores

Elemento
<tr> sim sim sim sim sim

Diferenças entre HTML 4.01 e HTML5

Todos os layout atributos são removidos em HTML5.


Atributos

Atributo Valor Descrição
align right
left
center
justify
char
Não suportado em HTML5.
Alinha o conteúdo em uma linha da tabela
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Não suportado em HTML5.
Especifica uma cor de fundo para uma linha da tabela
char character Não suportado em HTML5.
Alinha o conteúdo em uma linha da tabela 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
valign top
middle
bottom
baseline
Não suportado em HTML5.
Vertical alinha o conteúdo em uma linha da tabela

Atributos globais

O <tr> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <tr> 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: objeto TableRow

CSS Tutorial: Tabelas Styling


Configurações CSS padrão

A maioria dos navegadores irá exibir o <tr> elemento com os seguintes valores padrão:

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}