Descrição:

  • A tag <tfoot> serve para organizar um conteúdo em uma tabela.
  • Geralmente a organização é feita por cor.

Atributos:

Atributos Obrigatório:

Nenhum.

Atributos Opcionais:

align, char, charoff e valign.

Atributos Padrão:

class, dir, id, lang, style, title e xml:lang.

Atributos de Eventos:

onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress e onkeyup.

Exemplo:

<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
<table border="1">
  <thead>
    <tr>
      <th>Mês</th>
      <th>Lucro</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>$9000</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Janeiro</td>
      <td>$3000</td>
    </tr>
    <tr>
      <td>Fevereiro</td>
      <td>$6000</td>
    </tr>
  </tbody>
</table>

 

Mês Lucro
Total $9000
Janeiro $3000
Fevereiro $6000