HTML Tutorial

HTML-tagg: <tfoot>

Användning av <tfoot>

  • Används för att definiera slutet på en fott i en tabell.
  • Innehåller vanligtvis sammanfattningsinformation eller anteckningar.

Attribut för <tfoot>

<tfoot> stöder inte några unika attribut.

Exempel med <tfoot>

<table>
  <thead>
    <tr>
      <th>Namn</th>
      <th>Ålder</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Anna</td>
      <td>25</td>
    </tr>
    <tr>
      <td>Erik</td>
      <td>30</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Totalt antal rader: 2</td>
    </tr>
  </tfoot>
</table>

Utforska <tfoot>-taggen

Följande HTML-exempel demonstrerar hur man använder <tfoot>-taggen:

<table border="1">
  <caption>Arbetstimmar</caption>
  <thead>
    <tr>
      <th>Dag</th>
      <th>Tid</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Måndag</td>
      <td>08:00 - 17:00</td>
    </tr>
    <tr>
      <td>Tisdag</td>
      <td>09:00 - 18:00</td>
    </tr>
    <tr>
      <td>Onsdag</td>
      <td>10:00 - 19:00</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Totalt</td>
      <td><b>27 timmar</b></td>
    </tr>
  </tfoot>
</table>

Detta exempel skapar en tabell med information om arbetstimmar. <tfoot>-taggen används för att lägga till en sammanfattning av det totala antalet arbetstimmar.