Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Uma dúvida

O professor disse na aula que <tr> seria "table roll" e<td> seria??

3 respostas

O professor disse que na aula que

seria table roll, e
seria?

solução!

Olá Cristiano, tudo bem?

A seguir vai um resumo completo sobre os elementos de uma tabela para salvar! :)

Elementos Básicos:

Tabela (table)


A tag <table>define uma tabela HTML.

Essa tabela é constituida de um ou mais elementos, que são definidos como <tr> , <th> e <td> .

Linhas da tabela (tr)


O elemento <tr> define uma linha da tabela ou table row.

Células da tabela (th e td)


Uma tabela HTML possui 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 <td> elemento).

Exemplo


<table>
  <tr>
    <th>Mês</th>
    <th>Saldo</th>
  </tr>
  <tr>
    <td>Janeiro</td>
    <td>R$100</td>
  </tr>
  <tr>
    <td>Fevereiro</td>
    <td>R$80</td>
  </tr>
</table>

Resultado final


Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Elementos mais semânticos:

Nós podemos dividir a tabela em agrupamentos mais semânticos. Esses grupos são utilizados para especificar cada parte de uma tabela (cabeçalho, corpo, rodapé).

Cabeçalho


<thead> é a tag usada para agrupar o conteúdo do cabeçalho em uma tabela HTML.

Corpo


A <tbody>tag é usada para agrupar o conteúdo do corpo em uma tabela HTML.

Rodapé


A <tfoot> tag é usada para agrupar o conteúdo do rodapé em uma tabela HTML.

Exemplo


<table>
  <thead>
    <tr>
      <th>Mês</th>
      <th>Saldo</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Janeiro</td>
      <td>R$100</td>
    </tr>
    <tr>
      <td>Fevereiro</td>
      <td>R$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>R$180</td>
    </tr>
  </tfoot>
</table>

Resultado final


Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

Olá Beatriz! Tudo bem? Espero que sim!

Uau que aula show, muito obrigado, agora entendi melhor.

Até mais e bons estudos.