Html td

Html td

Neste artigo HTML veremos como usar o elemento HTML chamado de tag <td>

A tag <td> define uma célula de dados padrão em uma tabela HTML.

Uma tabela HTML tem dois tipos de células:

• Células de cabeçalho – contém informações de cabeçalho criadas com o elemento <th>
• Células de dados – contém dados (criados com o elemento <td>)

O texto nos elementos  <td> é regular e alinhado à esquerda por padrão.

O texto nos elementos <th> está em negrito e centralizado por padrão.

Atributos

 colspan – Especifica o número de colunas que uma célula deve abranger

headers – Especifica uma ou mais células de cabeçalho às quais uma célula está relacionada

rowspan – Define o número de linhas que uma célula deve abranger

O elemento td define uma célula em uma tabela:

Veja o exemplo na tabela com o elemento <td>

<table>
  <tr>
    <td>Html5</td>
    <td>Css3</td>
  </tr>
  <tr>
    <td>jQuery</td>
    <td>JavaScript</td>
  </tr>
</table>

Veja o exemplo na tabela com o elemento <th>

<table>
  <tr>
    <th>Frutas</th>
    <th>Preço</th>
  </tr>
  
  <tr>
    <td>Bananas</td>
    <td>R$ 5</td>
  </tr>
  
  <tr>
    <td>Morango</td>
    <td>R$ 8</td>
  </tr>
</table>

Configurações padrão de CSS

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

td {
  display: table-cell;
  vertical-align: inherit;
}

Neste artigo abordamos sobre a tag Html td.

Veja outros artigos Relacionados a Tabelas.

HTML colgroup

Criando o efeito zebra em tabelas com JQuery

Como Estilizar uma Tabela Html com Css.

HTML col