Copyright © tutorialspoint.com

HTML <thead> tag



Advertisements

Function:

The HTML <thead> tag is used adding a header to a table. The thead tag is used in conjunction with the tbody tag and the tfoot tag in determining each part of the table (header, footer, body).

Difference between HTML and XHTML:

NONE

Example:

<table border="1" width="100%">
<thead>
<tr>
<td colspan="4">This is the head of the table</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4">This is the foot of the table</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
...more rows here containing four cells...
</tr>
</tbody>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
...more rows here containing four cells...
</tr>
</tbody>
</table>

This will produce following result:

...more rows here containing four cells... ...more rows here containing four cells...
This is the head of the table
This is the foot of the table
Cell 1 Cell 2 Cell 3 Cell 4
Cell 1 Cell 2 Cell 3 Cell 4

Online Practice:

To Become more comfortable - Do Online Practice

Attributes:

AttributeValueDescription
alignright
left
center
justify
char
Visual alignment.
charcharacterSpecifies which character to align text on. Used when align="char"
charoffpixels or %Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align="char"
valigntop
middle
bottom
baseline
Vertical alignment.

Standard Attributes:

AttributeDescription
classDocument wide identifier
dirSpecifies the direction of the text
idDocument wide identifier
titleSpecifies a title to associate with the element.
styleHelps to include inline casecadubf style sheet.
langSets the language code.
xml:langSets the language code.

Event Attributes:

AttributeDescription
onclickScript runs when a mouse click
ondblclickScript runs when a mouse double-click
onmousedownScript runs when mouse button is pressed
onmouseupScript runs when mouse button is released
onmouseoverScript runs when mouse pointer moves over an element
onmousemoveScript runs when mouse pointer moves
onmouseoutScript runs when mouse pointer moves out of an element
onkeypressScript runs when key is pressed and released
onkeydownScript runs when key is pressed
onkeyupScript runs when key is released

Copyright © tutorialspoint.com