W3-Video WEB Tutorials

w3-video.com is a Free eLearning Website with over 500 video tutorials on HTML5, XAMPP, .htaccess, Firefox, Notepad++

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

thead ... ⁄thead

Share it

thead intro thead optional, occurrences thead browser display thead parents - children thead syntax

HTML5 thead element

The thead element allows you to group rows of cells representing the header of the table. »video

About thead

Display & support thead

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children thead

Attributes thead

Syntax thead

<thead> ... <⁄thead>
<thead> ... »video

Attributes and Values thead (comma separated)

<theadattribute="attribute_value(s)"> Video Examples
1. specific attributes
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<thead accesskey="h"> ... </thead>
2.class=class name»html »img<thead class="class_name"> ... </thead>
3.contenteditable="",  , true, false »html<thead contenteditable="true"> ... </thead>
4.contextmenu=menu id value»html<thead contextmenu="menu_id_value"> ... </thead>
5.data-*= value -<thead data-http-error="404"> ... </thead>
6.dir=ltr, rtl, auto»html<thead dir="ltr"> ... </thead>
7.draggable= true,  , false»img<thead draggable="false"> ... </thead>
8.dropzone= copy, move, link, string:, file: -<thead dropzone="copy"> ... </thead>
9.hidden= "",  , hidden»html »img<thead hidden="hidden"> ... </thead>
10.id=id name»html »img<thead id="unique_id_name"> ... </thead>
11.itemid= URL --
12.itemprop= string »link »a-
13.itemref= string --
14.itemscope= "",  , itemscope--
15.itemtype= absolute URL --
16.lang=language code »html »head»title »img<thead lang="en"> ... </thead>
17.spellcheck="",  , true, false»html<thead spellcheck="true"> ... </thead>
18.style=CSS property:value»html »img<thead style="color:red"> ... </thead>
19.tabindex= integer »img<thead tabindex="3"> ... </thead>
20.title=text»html »link»style »abbr»dfn
»img »meter
<thead title="html page"> ... </thead>
21.translate="", yes, no»html »img<thead translate="yes"> ... </thead>
All Global Attributes
3. global event attributes
1.onclick=script» list<element onclick="script" > ...
2.ondblclick=script» list<element ondblclick="script" > ...
All Event Attributes

Video demonstration thead element

HTML5 thead element: mark up the header of a table

min video details
00:00 video tutorial: thead element
00:05 thead represents the header of a table; it allows you to group rows of cells representing the header of the table
00:16 these rows represent the header of the table, so we can nest them inside thead element
00:33 checking another example
00:39 in this example, this row represents the header of the table, so we can nest it inside thead element, element which actually marks the header of a table
00:47 adding thead element in page

For more information about the thead element, please see the specs: W3CWHATWG