Setting a tooltip on a link

The optional title attribute of hyperlinks allows authors to “attach” a hidden piece of text to a link, generally containing a brief description of the link’s destination. Recent browsers display this text as a tooltip when a user holds the mouse pointer over the link for a few seconds.

Namo Web Editor 4.hyperlink.tooltip Setting a tooltip on a link

Example of a tooltip for a hyperlink

To set a tooltip on a link
  1. Double-click the link to open the Hyperlink Properties dialog box.
  2. In the Tooltip box, enter the desired text of the tooltip.

Namo Web Editor icon browser note Setting a tooltip on a linkNetscape 4.x and earlier do not support tooltips on links.

Namo Web Editor icon browser note Setting a tooltip on a linkIf you set a tooltip on a link made from an image, and the image has alt text, Internet Explorer does not display the link’s tooltip when the mouse pointer is held over the image. Instead, it shows the image’s alt text as a tooltip.

Namo Web Editor icon tip Setting a tooltip on a linkOther elements besides hyperlinks can have title attributes as well, and recent browsers will display those titles as tooltips, just as with links. To add a title attribute to any element, do this:

  1. Place the insertion point in the desired element.
  2. On the Tag Selector, right-click the element’s tag and then click View Source.
  3. Inside the element’s opening tag, insert title=”", adding the desired tooltip text inside the quotes. For example, <span title=”hello”>.
  4. Click the Edit tab to return to Edit mode.
Related topics

Adding alternative text to an image

Setting a tooltip on a link