HTML TFOOT <tfoot> Tag

0 1766

The HTML TFOOT <tfoot> tag represents the footers within an HTML table mean footer content in an HTML table. The <tfoot> tag must contain one or more <tr> tag. This is the block of rows that consist of the column summaries for the parent <table> element.

The <tfoot> tag is used as a child tag of HTML table (<table>) along with <thead> and <tbody> tag, where <thead> defines table header and <tbody> defines the table body.

You must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, <thead>, and <tbody> elements.

Syntax:

The <tfoot> tag is written as <tfoot></tfoot> with the table footer inserted between the start and end tags.

Program:

<!DOCTYPE html>
<html>
<head>
<title>HTML Tfoot Tag</title>
</head>
<body>
 <h2>Example of Tfoot Tag</h2>
<table border="1">
 <thead>
 <tr>
<th>EmpId</th>
<th>Name</th> 
<th>Email Id</th>
 </tr>
 </thead>
 <tbody>
<tr>
<td>101</td>
<td>Ram</td>
<td>dummy123@icon.com</td>
</tr>
<tr>
<td>102</td>
<td>Dummy</td>
<td>dummy1234@icon.com</td>
</tr>
<tr>
<td>103</td>
<td>Jai</td>
<td>hello@gmail.com</td>
</tr>
 </tbody>
<tfoot>
<tr>
<td>Total Emp</td>
 <td></td>
<td>3</td>
</tr>
</tfoot>
</table>
</html>

Output: