html thead tag


  Translation results:

英[hed] 美[hɛd]

n.Head; head; upper end; head, head

vt. With the head of the head; to move forward; as the leader of...; to stand... the front

vi. March towards; set off; move in the direction of; the ship sails towards

adj. the head; in the front; first and foremost; at the top

Third person singular: heads Plural: heads Present participle: heading Past tense: headed Past participle: headed

html thead tagsyntax

Function: Define the header of the table. This tag is used to combine the header content of an HTML table.

Note: thead element should be used in combination with tbody and tfoot elements. The tbody element is used to group the body content in an HTML table, while the tfoot element is used to group the table footer (footer) content in an HTML table.

Note: If you use thead, tfoot, and tbody elements, you must use all of them. They appear in the order: thead, tfoot, tbody, so that the browser can render the footer before receiving all the data. You must use these tags inside the table element. By default these elements do not affect the layout of the table. However, you can use CSS to make these elements change the appearance of the table.

html thead tagexample

<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>0</td>
    </tr>
    <tr>
      <td>February</td>
      <td></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>0</td>
    </tr>
  </tfoot>
</table>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A