Html Caption

HTML caption

Created By: chatGPT

HTML captions are used to provide a title or description for a table. They can help improve accessibility and make your tables easier to understand. The <caption> tag must be placed directly after the <table> tag. Here is an example of how to use it in your code:

<table>
  <caption>Monthly Sales Data</caption>
  <tr>
    <th>Month</th>
    <th>Sales</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$1000</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$1200</td>
  </tr>
</table>

In this example, the caption 'Monthly Sales Data' provides context for the data presented in the table. Make sure to use the <caption> tag as it can be beneficial for screen readers and enhances the user experience.

You can also use CSS to style the caption. For example, you might want to center the caption and change the font size:

table caption {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}