The **`<thead>`** element in HTML is used to wrap the header content of an HTML table to specify the header part of the table. `<thead>` is used alongside the `<tbody>` and `<tfoot>` elements to structure the HTML table content into its header, body, and footer parts. 

# Usage
* The `<thead>` element must be a child of the `<table>` element.
* `<thead>` must contain at least one `<tr>` element.
*  `<thead>` must come before any `<tbody>`,`<tr>`, and `<tfoot>` elements.
* `<thead>` does not affect the layout of the table.
* `<thead>` can be styled using CSS.

# Example

<html>
 <head>
 </head>
 <body>
   <table>
    <thead>
      <tr>
        <th>Subject</th>
        <th>Marks</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>English</td>
        <td>85</td>
      </tr>
      <tr>
        <td>Math</td>
        <td>95</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td>Total</td>
        <td>180</td>
      </tr>
    </tfoot>
   </table>

 </body>
</html>

thead,
tfoot {
    background-color: #b937b3;
    color: #fff;
}

tbody {
    background-color:#f4e4f5;
}

caption {
    padding: 10px;
    caption-side: bottom;
}

table {
    border-collapse: collapse;
    border: 2px solid rgb(200, 200, 200);
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: .8rem;
}

td,
th {
    border: 1px solid rgb(190, 190, 190);
    padding: 5px 10px;
}

td {
    text-align: center;
}


codemirror

# Explanation 

In the above HTML code, we display an HTML table that is structured into header, body, and footer content. The header content, which is the row containing "Subject" and "Marks," is wrapped inside the `<thead>` element.

What is the thead element in HTML?

The `<thead>` element in HTML is used to define the header section of a table, organizing it alongside `<tbody>` and `<tfoot>`.