Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок окна веб-страницы</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>месяц</th> <th>экономия</th> </tr> </thead> <tfoot style="background-color:grey;"> <!-- <tfoot> помещается после <thead>, но отображается в нижней части таблицы. --> <tr> <td>общий</td> <td>1500</td> </tr> </tfoot> <tbody style="background-color:lightgrey;"> <tr> <td>январь</td> <td>500</td> </tr> <tr> <td>февраль</td> <td>1000</td> </tr> </tbody> </table> </body> </html>