HTML <caption> Tag Tutorial

The <caption> tag in HTML is used to specify a caption or title for a <table> element. The caption appears centered above the table and helps to provide context or a brief description of the table's content.

Here is an example of how to use the <caption> tag:

<table>
  <caption>Monthly Sales Data</caption>
  <tr>
    <th>Month</th>
    <th>Sales</th>
  </tr>
  <tr>
    <td>January</td>
    <td>5000</td>
  </tr>
  <tr>
    <td>February</td>
    <td>6000</td>
  </tr>
</table>

In this example, the caption Monthly Sales Data appears above the table, providing information about the content of the table.

Main <caption> Tag Attributes

Attribute	Description
align	Specifies the alignment of the caption text. Possible values include top, bottom, or left.
valign	Specifies the vertical alignment of the caption text. Possible values include top, bottom, or middle.

Here is an example of using the align attribute:

<table>
  <caption align="top">Monthly Sales Data</caption>
  ...
</table>

And here is an example of using the valign attribute:

<table>
  <caption valign="bottom">Monthly Sales Data</caption>
  ...
</table>

Experiment with these attributes to see how they affect the appearance of the caption in your tables.