Summary -
In this topic, we described about the <td> tag along with detailed example.
Table data cell in table HTML documents. The <td> tag represents a cell in an HTML <table>. <td> elements are child elements of <tr>(table row) element.
It also defines the table data cell in HTML. The data is left-aligned in table cell by default.
The tag can be specified like <td></td> with the data inbetween the opening and closing tags. <td> tag is nested tag.
Syntax -
<td>.... </td>
Optional Attributes -
Attribute | Description | Values |
---|---|---|
Abbr | Specifies the cell content abbreviated version.Not supported in HTML5 | Text |
Align | Specifies the cell content alignment.Not supported in HTML5 | CenterCharJustifyLeftRight |
Bgcolor | Specifies the cell background color.Not supported in HTML5 | Rgb(x,x,x),#xxxxxx,Colorname |
Char | Aligns the cell content to char.Not supported in HTML5 | Character |
Colspan | Specifies the number of columns that cell should span. | Number.Default value 1. |
Headers | Specifies the how many header cells the cell related to | Header_cell_id |
Height | Specifies the cell height.Not supported in HTML5 | Number/pixels |
Nowrap | Specifies the cell content should not wrap.Not supported in HTML5 | Number |
Rowspan | Specifies the number of rows that cell should span. | Number |
Scope | Specifies the how the cell associates with header and data cells.Not supported in HTML5 | ColColgroupRowrowgroup |
Valign | Specifies the cell content vertical alignment.Not supported in HTML5 | TopMiddleBottombaseline |
Width | Specifies the cell width.Not supported in HTML5 | Number/pixels |
Example -
<!DOCTYPE html>
<html>
<head>
<title> Tbody element example.. </title>
</head>
<body>
<table>
<thead>
<tr>
<th>Employee</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Total</td>
<td>$10000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Pawan</td>
<td>$5000</td>
</tr>
<tr>
<td>Srinivas</td>
<td>$5000</td>
</tr>
</tbody>
</table>
</body>
</html>
Output -
Employee | Salary |
---|---|
Total | $10000 |
Pawan | $5000 |
Srinivas | $5000 |