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 self-service freelancing marketplace for people like you.

HTML <img> title Attribute

The title attribute on an <img> tag adds a tooltip with title text to the image.

Hovering the mouse over the image will display the tooltip.

Example

#

A title attribute on an <img> tag.
Hover over the image to see the tooltip.

<img src="/img/html/vangogh.jpg"
     title="Van Gogh, Self-portrait.">

Code explanation

The title attribute is placed in the <img> tag.

The value can be any string.

Hover the cursor over the button and after a second a tooltip appears.


Using title

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

The title attribute value can be seen as tooltip.

A tooltips is shown when the mouse hovers over the image.


Syntax

<img 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 <img>
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 self-service freelancing marketplace for people like you.

Guides