html tfoot tag


  Translation results:

英[fʊt] 美[fʊt]

n. Feet; bottom; feet (=12 inches or 30.48 cm); steps

vt. Walk, step

vt.& vi. Settlement, total, total

Third person singular: foots Plural: feet Present participle: footing Past tense: footed Past participle: footed

html tfoot tagsyntax

Function:Define the footer of the table (footnote or table note). This tag is used to combine table annotation content in HTML tables.

Note: tfoot element should be used in combination with thead and tbody elements. Thead element is used to group the header content in the HTML table, while the tbody element is used to group the body content in the HTML table.

Note: If you use thead, tfoot, and tbody elements, you must use all of them. They appear in the order: thead, tfoot, tbody, so that the browser can render the footer before receiving all the data. You must use these tags inside the table element.

html tfoot tagexample

<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>0</td>
    </tr>
    <tr>
      <td>February</td>
      <td></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>0</td>
    </tr>
  </tfoot>
</table>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A