<!DOCTYPE HTML> <html> <head> <title>My HTML</title> <style type="text/css"> table,th,td { border: 1px solid black; text-align: left; } thead { background-color: red; } tbody { background-color: blue; } tfoot { background-color: yellow; } </style> </head> <table style="width: 100%"> <caption> My Name Table</caption> <thead> <tr> <th>Name</th> <th colspan="2">Marks</th> </tr> </thead> <tbody> <tr> <td>Jack</td> <td>Jackson</td> <td>90</td> </tr> </tbody> <tfoot> <tr> <td>Tom</td> <td>Tomson</td> <td>80</td> </tr> </tfoot> </table> </body> </html>
OUTPUT:
| Name | Marks | |
|---|---|---|
| Jack | Jackson | 90 |
| Tom | Tomson | 80 |
