HTML <caption> tag is used to add a caption or title of an HTML table. It should be used inside the <table> element and just after the <table> start tag. A table may contain only one <caption> element.
Syntax
<caption>Table title...</caption> Following are some specifications about the <caption> tag
| Display | Inline |
| Start tag/End tag | Both start and End tag |
| Usage | textual |
Example 1
<!DOCTYPE html>
<html>
<head>
<title>Caption Tag</title>
<style>
table, td, th {
border: 3px solid gray;
border-collapse: collapse;}
</style>
</head>
<body>
<h2>Example of Caption tag</h2>
<table width="800">
<caption>Employee Details</caption>
<thead>
<tr>
<th>Sr. No.</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Ankit Pandey</td>
<td>[email protected]</td>
</tr>
<tr>
<td>2.</td>
<td>Ashvini Kumar</td>
<td>[email protected]</td>
</tr>
<tr>
<td>3.</td>
<td>Swati Sharma</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</body>
</html>
Leave a Reply