<tr> Tag Examples
Examples of the tr
tag in HTML 5
Here is the HTML code for the table demo above:
<table> <caption>Table Caption</caption> <colgroup> <col style="width: 20%"/> <col style="width: 80%"/> </colgroup> <thead> <tr> <th rowspan="2"></th> <th colspan="2">Multiple Column Heading</th> </tr> <tr style="vertical-align: bottom"> <th>First Column Heading</th> <th>Second Column Heading</th> </tr> </thead> <tfoot> <tr><td colspan="2">This is an example of an HTML table footer.</td></tr> </tfoot> <tbody> <tr> <td>Row 1 Column 1</td> <td>Row 1 Column 2</td> </tr> <tr> <td>Row 2 Column 1</td> <td>Row 2 Column 2</td> </tr> </tbody> </table>
In HTML 5, you can turn a whole row of an HTML table into a link:
<table> <tr><td>Label:</td><td>Data...</td></tr> ... <tr onclick="location=this.getElementsByTagName('a')[0]"> <a href="new-row.html"/> <td colspan="2">Add a Row</td> </tr> </table>