Earn income with your HTML skills

Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.

HTML <td> title Attribute

HTML <tbody>

HTML <template>

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: or .

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

#

Back to <td>

Jack Poorte

Last updated on Sep 30, 2023