HTML caption Tag


The caption tag in HTML is used to create a caption for the table. Only one caption can be defined for a table. The default caption gets center aligned above the table. Let us now see an example to implement the caption tag in HTML −

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
   table, th, td {
      border − 2px solid blue;
   }
</style>
</head>
<body>
<table>
   <caption>Expenses</caption>
   <tr>
      <th>Domains</th>
      <th>Cost</th>
   </tr>
   <tr>
      <td>Product Development</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Marketing</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Services</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Support</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Maintenance</td>
      <td>100000</td>
   </tr>
   <tr>
      <td colspan="2">Total Budget = INR 1300000</td>
   </tr>
</table>
</body>
</html>

Output

In the above example, we have created a table with columns. The caption is set using the <caption> tag −

<caption>Expenses</caption>
raja
Published on 12-Jun-2019 15:17:37
Advertisements