HTML Tags
HTML <td> Tag
The
<td>tag in HTML defines a standard data cell within a table.
Each<td>element represents a single piece of data in a table row (<tr>). It is one of the most commonly used tags for displaying tabular data such as numbers, text, or links.
Syntax
html
<td attribute="value">Content</td>Attributes
| Attribute | Description |
|---|---|
| colspan | Specifies the number of columns a cell should span. |
| rowspan | Specifies the number of rows a cell should span. |
| headers | Associates the cell with one or more header cells (id of related <th> elements). |
| abbr | Provides an abbreviated version of the content for screen readers. |
| align | (Deprecated) Specifies horizontal alignment (left, right, or center). |
| valign | (Deprecated) Specifies vertical alignment (top, middle, bottom). |
Example
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML td Tag Example</title>
<style>
table {
border-collapse: collapse;
width: 50%;
}
td, th {
border: 1px solid #333;
padding: 8px;
text-align: center;
}
</style>
</head>
<body>
<h2>Example of the <td> Tag</h2>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$150</td>
</tr>
<tr>
<td colspan="2">Total Savings: $250</td>
</tr>
</table>
</body>
</html>Output
Browser Output
html
There is visible output for this tag — it displays data cells that form the core content of the table.
Use our TryIt Editor to see how cell alignment and spanning work.Browser Support
Chrome | Edge | Firefox | Safari | Opera | IE9+ |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |
💡 Tip: Modern HTML prefers using CSS for alignment and presentation instead of deprecated attributes like align or valign.
Notes
<td>elements are always nested inside a<tr>(table row).- Can be used with
colspanorrowspanto merge cells horizontally or vertically. - Default cell alignment: left-aligned and middle vertically aligned.
- To improve readability and accessibility, combine with
<th>headers for data labeling.