CodesJava

Easy learning with example program codes

tr HTML

HTML <tr> Tag

To define the rows in a table, the HTML <tr> tag is used. Both the <th> head cells and <td> data cells can be placed within a <tr> tag to define a single row of an HTML table, but the <tr> tag itself is either the direct child of <table> element or a nested child of <thead>, <tbody>, and <tfoot> elements.

Syntax:

<tr>.......</tr>

Example:

<!DOCTYPE html>
<html>
<body>
<h3>Students Table</h3>
<table style="width:50%" border="2">
  <tr>
    <th>NAME</th>
    <th>AGE</th> 
    <th>CITY</th>
  </tr>
  <tr>
    <td>Tom</td>
    <td>10</td>
    <td>London</td>
  </tr>
  <tr>
    <td>Jerry</td>
    <td>8</td>
    <td>London</td>
  </tr>
  <tr>
    <td>Bruno</td>
    <td>12</td>
    <td>Wells</td>
  </tr>
</table>
</body>
</html>

Output:

Explanation:

In the above example, a table is created with three header cells namely, “NAME,” “AGE”, and “CITY”. Here, the width of the table is also defined to be 50%. A border is added to the table of size 2 pixels using the border attribute of the HTML table.

Tag specific Attributes:

AttributeValueUsesHTML 5
alignleft

right

center

justify

char

Used to align a row content.Not supported in HTML5.
bgcolorrgb(x,x,x)

#xxxxxx

colorname

Used to define the background color of a row.Not supported in HTML5.
charcharacterUsed to align a row content to a character.Not supported in HTML5.
charoffnumberUsed to define the number of characters the content will be aligned from the character specified by the char attribute.Not supported in HTML5.
valigntop

middle

bottom

baseline

Used to vertically align the content in a row.Not supported in HTML5.

Global Attributes:

The HTML Global attributes are supported by the HTML <tr> tag.

Event Attributes:

The HTML Event attributes are supported by the HTML <tr> tag.

Supporting Browser:

Chrome, IE, Firefox, Opera and Safari.

Please follow and like us:
error
Posted in HTML   









Copyright © 2019 CodesJava DMCA.com Protection Status