<!DOCTYPE html> <html lang="en"> <head> <title>Adding a Caption to the HTML Table</title> <style> table { border-collapse: collapse; } table, th, td { border: 4px solid black; } th, td { padding: 15px; } table.secondary caption { caption-side: bottom; } </style> </head> <body> <h3>Table with Caption at the Top</h3> <table> <caption>student information</caption> <tr> <th>No.</th> <th>Student Name</th> <th>Subject</th> <th> Total Mark</th> </tr> <tr> <td>1</td> <td>Ram</td> <td>Tamil</td> <td>80</td> </tr> <tr> <td>2</td> <td>Kumar</td> <td>English</td> <td>70</td> </tr> </table> <h3>Table with Caption at the Bottom</h3> <table class="secondary"> <caption>student information</caption> <tr> <th>No.</th> <th>Student Name</th> <th>Subject</th> <th> Total Mark</th> </tr> <tr> <td>1</td> <td>Ram</td> <td>Tamil</td> <td>80</td> </tr> <tr> <td>2</td> <td>Kumar</td> <td>English</td> <td>70</td> </tr> </table></body> </html>