Horje
How to create HTML Table Caption

You can add a caption that serves as a heading for the entire table.


Basic Example of HTML Table Caption

 <table style="width:100%">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table> 

Full Example of HTML Table Caption

To add a caption to a table, use the <caption> tag: Note: The <caption> tag should be inserted immediately after the <table> tag.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;
}
</style>
</head>
<body>

<h2>Table Caption</h2>
<p>To add a caption to a table, use the caption tag.</p>

<table style="width:100%">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table>

</body>
</html>

Output should be:

Full Example of HTML Table Caption





Related Articles
What is HTML Table Headers HTML Table Headers
How to create Table Headers in HTML HTML Table Headers
How to create HTML Vertical Table Headers HTML Table Headers
How to create HTML Align Table Headers HTML Table Headers
How to create HTML Header for Multiple Columns HTML Table Headers
How to create HTML Table Caption HTML Table Headers

Single Articles
Basic Example of HTML Table CaptionHTML Table Headers
Full Example of HTML Table CaptionHTML Table Headers

Read Full:
HTML Table Headers
Category:
Web Tutorial
Sub Category:
HTML Table Headers
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
45


Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables2

Share on: