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++

tr ... ⁄tr

Share it

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

HTML5 tr element

The tr element allows you to add rows to a table. »video

About tr

Display & support tr

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children tr

The tr element is the fifth optional element inside table element (table's fifth child).

Attributes tr

Syntax tr

<tr> ... </tr>
<tr>... »video

Attributes and Values tr (comma separated)

<trattribute="attribute_value(s)"> Video Examples
1. specific attributes
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<tr accesskey="h"> ... </tr>
2.class=class name»html »img<tr class="class_name"> ... </tr>
3.contenteditable="",  , true, false »html<tr contenteditable="true"> ... </tr>
4.contextmenu=menu id value»html<tr contextmenu="menu_id_value"> ... </tr>
5.data-*= value -<tr data-http-error="404"> ... </tr>
6.dir=ltr, rtl, auto»html<tr dir="ltr"> ... </tr>
7.draggable= true,  , false»img<tr draggable="false"> ... </tr>
8.dropzone= copy, move, link, string:, file: -<tr dropzone="copy"> ... </tr>
9.hidden= "",  , hidden»html »img<tr hidden="hidden"> ... </tr>
10.id=id name»html »img<tr id="unique_id_name"> ... </tr>
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<tr lang="en"> ... </tr>
17.spellcheck="",  , true, false»html<tr spellcheck="true"> ... </tr>
18.style=CSS property:value»html »img<tr style="color:red"> ... </tr>
19.tabindex= integer »img<tr tabindex="3"> ... </tr>
20.title=text»html »link»style »abbr»dfn
»img »meter
<tr title="html page"> ... </tr>
21.translate="", yes, no»html »img<tr translate="yes"> ... </tr>
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 tr element

HTML5 tr element: adding rows (tr) to table

min video details
00:04 video tutorial: tr element
00:05 tr element allows you to add rows to a table
00:09 further we will add rows to this table
00:12 we will add:
- 1 row inside thead
- 2 rows inside tbody
- 1 row inside tfoot
00:30 let's check a complete example
00:35 just like in our previous example, we have:
- 1 row inside thead
- 2 rows inside tbody
- 1 row inside tfoot
00:44 identifying rows in browser and their corresponding code:
- 1 row inside thead
- 2 rows inside tbody
- 1 row inside tfoot

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