HTML thead Tag

November 11, 2010 by: aBisona

Example

An HTML table with a thead, tfoot, and a tbody element:

<table >
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

Try it yourself »


Definition and Usage

The <thead> tag is used to group the header content in an HTML table.

The thead element should be used in conjunction with the tbody and tfoot elements.

The tbody element is used to group the body content in an HTML table and the tfoot element is used to group the footer content in an HTML table.

Note: <tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data.

Notice that these elements will not affect the layout of the table by default. However, you can use CSS to let these elements affect the table’s layout.


Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
Have you found this script useful? Please support author by PayPal donation.
Filed under: HTML,Webmasters
Tags:

Leave a Reply