Tag table

A tag table cria uma tabela. É usada em conjunto com as tags tr, td, th.

A tag tr cria uma linha da tabela, e as tags td e th criam as células desta tabela. A diferença entre td e th: o primeiro é uma célula comum, e o segundo é uma célula de cabeçalho.

Atributos

Atributo Descrição
cellspacing Define o espaçamento entre as células.
Obsoleto, em seu lugar deve-se usar a propriedade CSS border-spacing.
cellpadding Define o espaçamento entre o texto e a borda da célula.
Obsoleto, em seu lugar deve-se usar a propriedade CSS padding.
border Define a borda das células e da tabela.
Obsoleto, em seu lugar deve-se usar a propriedade CSS border.

Exemplo

Vamos criar uma tabela com as células th e td:

html<table>
  <tr>
    <th>Nome</th>
    <th>Sobrenome</th>
    <th>Salário</th>
  </tr>
  <tr>
    <td>nome1</td>
    <td>sobrenome1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>nome2</td>
    <td>sobrenome2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Veja também

  • as tags thead, tbody e tfoot,
    que agrupam as linhas da tabela
  • a tag caption,
    que define o título de toda a tabela
  • a propriedade vertical-align,
    que define o alinhamento do texto na vertical
  • os atributos rowspan e colspan,
    que unem linhas e colunas da tabela