HTML Caption Tag

HTML Caption Tag is used to define the caption of the table inside the table element.

Syntax of HTML Caption Tag

The Syntax of HTML Caption Tag is shown below. The caption tag must be used after the table tag.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
  <caption>Students Marks</caption>
  <tr>
    <th>Name</th>
    <th>Marks</th>
  </tr>
  <tr>
    <td>Jake</td>
    <td>90</td>
  </tr>
</table>
</body>
</html>

Usage of HTML Caption Tag

The caption defined using Caption Tag is centered by default and act as a heading of the table, it defines the purpose of the table.

Example of HTML Caption Tag

Simple example of HTML Caption Tag is shown below.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
  <caption>Students Marks</caption>
  <tr>
    <th>Name</th>
    <th>Marks</th>
  </tr>
  <tr>
    <td>Jake</td>
    <td>90</td>
  </tr>
</table>
</body>
</html>

Output

The output of code above is shown below.

Students Marks
Name Marks
Jake 90

Browser Support for HTML Caption Tag

HTML Caption Tag is supported by all major browsers.

Global Attributes Support in HTML Caption Tag

The HTML Caption Tag supports all Global Attributes.

Event Attributes Support in HTML Caption Tag

The HTML Caption Tag supports all Event Attributes.

HTML Caption Tag Video

Watch our video on HTML Caption Tag and subscribe our Youtube Channel.