Html th

Postado: 18 de junho de 2022

Html th

A tag <th> em HTML é usada para definir a célula de cabeçalho de uma tabela. Dois tipos de células na tabela HTML. 

  • Célula do Cabeçalho: É usada para armazenar as informações do cabeçalho.
  • Célula Padrão: É usada para armazenar o corpo de dados.

O funcionamento de ambas as tags (<th> e <td>) é o mesmo, mas as propriedades do texto são diferentes. Em <th> o texto está em negrito e centralizado, e em <td> o texto é regular e alinhado à esquerda por padrão.

Veja o exemplo no código

Uma tabela HTML simples com 4 linhas, 2 células de cabeçalho e 6 células de dados:

(a tag <th> a primeira linha contém as células do cabeçalho).

<table>
  <tr>
    <th>Front-end</th>
    <th>Back-end</th>
  </tr>
  <tr>
    <td>Html5</td>
    <td>PHP</td>
  </tr>
  <tr>
    <td>CSS3</td>
    <td>MySql</td>
  </tr>
  <tr>
    <td>JavaScript</td>
    <td>Python</td>
  </tr>
</table>

Ou, a tag <th> pode ser definida dentro da tag opcional <thead> da seguinte forma:

(Veremos tag <thead> no próximo artigo)

<table>
  <thead>
    <tr>
      <th>FRON-END</th>
      <th>BACK-END</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Html5</td>
      <td>PHP</td>
    </tr>
    <tr>
      <td>Css3</td>
      <td>MySql</td>
    </tr>
  </tbody>
</table>

Neste artigo abordamos sobre a tag Html th.

Publicado por: loopnerd

100 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados