<tfoot> marks table footer

The tfoot element marks the block of rows that form the table footer.

 
<html> 
<head> 
<title>Example</title> 
<style> 
thead th, tfoot th { text-align:left; background:grey; color:white} 
</style> 
</head> 
<body> 
    <table> 
        <thead> 
            <tr> 
                <th>Column Heading</th><th>Column Heading</th><th>Column Heading</th><th>Column Heading</th> 
            </tr> 
        </thead> 
        <tfoot> 
            <tr> 
                  <th>Footer Heading</th><th>Footer Heading</th><th>Footer Heading</th><th>Footer Heading</th> 
            </tr> 
        </tfoot> 
        <tbody> 
            <tr> 
                <th>Row Heading:</th><td>A</td><td>B</td><td>C</td> 
            </tr> 
            <tr> 
                <th>Row Heading:</th><td>A</td><td>B</td><td>C</td> 
            </tr> 
            <tr> 
                <th>Row Heading:</th><td>A</td><td>B</td><td>C</td> 
            </tr> 
        </tbody> 
    </table> 
</body> 
</html>
Click to view this demo.
Home 
  HTML CSS Book 
    HTML  

Related: