Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</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>Monat</th> <th>Ersparnisse</th> </tr> </thead> <tfoot style="background-color:grey;"> <!-- <tfoot> ist nach <thead> platziert, ist aber am unteren Rand der Tabelle zu sehen. --> <tr> <td>Gesamt</td> <td>1500</td> </tr> </tfoot> <tbody style="background-color:lightgrey;"> <tr> <td>Januar</td> <td>500</td> </tr> <tr> <td>Februar</td> <td>1000</td> </tr> </tbody> </table> </body> </html>