HTML <caption> Tag

The caption tag defines the title of a table in the HTML document. Browsers traditionally render the text found in the <caption> tag above the table, but you can change this behavior with the CSS caption-side property.

The <caption> tag must be inserted immediately after the <table> tag.

Tips: By default, a table caption will be center-aligned above a table. However, the CSS properties text-align and caption-side can be used to align and place the caption.

Syntax

<caption> Contents here... </caption>

Example

<!DOCTYPE html>
<html>
<head>
  <style>
	table {
	  border-collapse: collapse;
	}
	table, th, td {
	  border: 1px solid black;
	}
  </style>
</head>
<body>

<table>
  <caption>Student List</caption>
  <tr>
	<td>1</td>
	<td>Victor</td>
	<td>Computer Science</td>
  </tr>
  <tr>
	<td>2</td>
	<td>Harry</td>
	<td>Electrical</td>
  </tr>
  <tr>
	<td>3</td>
	<td>Williams</td>
	<td>Civil</td>
  </tr>
</table>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<caption>	Yes	Yes	Yes	Yes	Yes

<code>

HTML <caption> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us