HTML <td> Tag

A typical cell in an HTML table is defined by the HTML <td> element. It will include table data rather than table heads.

This tag is also generally known as the <td> element. There are two types of cells in an HTML table:

Header cells (formed using the <th> element) carry header information.
Data cells - data cells (made using the <td> element)

By default, the text in <td> elements is regular and left-aligned. By default, the text in <th> elements is bold and centered.

Syntax

<table>  <tbody>	<td>Contents here...</td>  </tbody>    </table>

Example

<!DOCTYPE html>
<html>
<head>
  <style>
	table{
	  border-collapse: collapse;
	}
	table, th, td {
	  border: 1px solid black;
	}
  </style>
</head>
<body>

<table>
  <tr>
	<td>1</td>
	<td>HTML</td>
  </tr>
  <tr>
	<td>2</td>
	<td>CSS</td>
  </tr>
  <tr>
	<td>3</td>
	<td>Java Script</td>
  </tr>
</table>

</body>
</html>

Preview

Attributes

Attribute	Value	Description
colspan	number	The amount of columns that a cell should span.
headers	header-id	Specifies one or more header cells to which a cell is linked.
rowspan	number	The number of rows that a cell should span is specified.

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<td>	Yes	Yes	Yes	Yes	Yes

<tbody>

HTML <td> Tag

Syntax

Example

Attributes

Supported Browsers

Links

Tutorials

Connect with us