Dofactory.com
Dofactory.com

HTML <td> title Attribute

The title attribute on a <td> tag adds a tooltip with title text to the table data cell.

Hovering the mouse over the table cell will display the tooltip.

Example

#

A title attribute on a <td> tag.
Hover over the data cells to see the tooltips.

First name Last name
Denice Hobermann
Paulo Cornell
Jane Hollander
<style>
  table.tb { width:300px; border-collapse: collapse; }
  .tb th, .tb td { border: solid 1px #777; padding: 5px; }
  .tb th {background-color: lightblue; }
</style>

<table class="tb">
  <tr>
    <th>First name</th>
    <th>Last name</th>
  </tr>
  <tr>
    <td title="Customer is from Ireland">Denice</td>
    <td title="Customer'is from Ireland">Hobermann</td>
  </tr>
  <tr>
    <td title="Customer is from Brazil">Paulo</td>
    <td title="Customer is from Brazil">Cornell</td>
  </tr>
  <tr>
    <td title="Customer is from the US">Jane</td>
    <td title="Customer is from the US">Hollander</td>
  </tr>
</table>

Code explanation

The title attribute is placed in the <td> opening tag.

The value can be any string. Hover over the td and a tooltip appears.


Using title

The title attributes attaches additional information to the <td> element.

The title value displays as a tooltip.

The tooltip displays when the <td> element is hovered.


Syntax

<td title="value">

Values

#

Value Description
value A string value. A title can span multiple lines by including newline or carriage-return characters:  &#10;  or  &#013;.

Browser support

Here is when title support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <td>

Author: Jack Poorte
Published: Jun 20 2021
Last Reviewed: Sep 30 2023


What's your favorite/least favorite part of Dofactory?


Guides