Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> th, td { padding: 10px; border: 1px solid #666; } </style> </head> <body> <table style="width:80%; margin:30px auto; border-collapse:collapse;"> <thead style="background-color:#1c87c9; color:#fff;"> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot style="background-color:grey;"> <!-- <tfoot> is placed after <thead>, but is shown on the bottom of the table. --> <tr> <td>Total</td> <td>1500</td> </tr> </tfoot> <tbody style="background-color:lightgrey;"> <tr> <td>January</td> <td>500</td> </tr> <tr> <td>February</td> <td>1000</td> </tr> </tbody> </table> </body> </html>