HTML <td> tag

Updated: 10/11/2017 by Computer Hope

HTML td tagWhen writing in HTML, the <td> tag is used to designate a cell (table data) within a table that contains data. The information contained in this element is left-aligned by default. The following sections contain information about the <td> tag, including an example of it in use, as well as related attributes and browser compatibility.

Tip: More advanced tables may also include the <caption>, <col>, <colgroup>, <tbody>, <tfoot>, or <thead> elements.

Example code

<table class="mtable2 tab">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr class="tcw">
<td>March</td>
<td>$200</td>
</tr>
<tr class="tcw">
<td>April</td>
<td>$300</td>
</tr>
<tr class="tcw"> <td>May</td>
<td>$250</td>
</tr>
</table>

Example result

Month Savings
March $200
April $300
May $250

We have added a few of our own classes to the table using CSS; this action allows us to improve its appearance.

Attributes

Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair; all tags support standard attributes. The following table shows all of the current unique HTML attributes for the <td> tag, as well as a description of each.

Attribute Description
abbr Designates an abbreviated version of the content within a cell
colspan Designates how man columns a cell should span
headers Designates one or more cells to which a certain cell has relation
rowspan Designates how man rows a cell should span
scope Designates a way to associate header cells and data cells in the same table
sorted Designates the sorting direction of a column

Deprecated attributes

A deprecated attribute is one that may function currently but is not supported in going forward. While the attribute may work with the current version of HTML, it will eventually be phased out. It is better to avoid using these attributes to help future-proof your website. Many of these can be substituted using CSS.

Attribute Description
align Designates the alignment of content inside an element
axis Used to categorize cells
bgcolor Designates the background color of a cell
char Aligns the content in a cell to a specific character
charoff Sets the number of characters to offset the content from the character designated by the char attribute
height Designates the height of a cell
nowrap Designates that the content inside a cell should not wrap
valign Alights the content in a cell vertically
width Designates the width of a cell

Compatibility

Internet Explorer Firefox Safari Opera Chrome
All versions All versions All version All versions All versions

<table>, <th>, <tr>, Browser, Cell, Class, Column, Compatibility, Format, Row, Web design terms