<html><head><link rel="canonical" href="https://www.jetbrains.com/help/writerside/tooltips.html.md/" data-react-helmet="true"/></head><body># Tooltips

Use the  [&lt;tooltip&gt;](semantic-markup-reference.html#tooltip)  element to mark words as terms that your reader can hover to see a tooltip with a description.

Procedure: Add tooltips

1. If your project does not already have one, create `glossary.xml` in the  [cfg directory](help-modules.html#build-config-dir)  and define the terms and descriptions in it. For example:

```XML
<!--?xml version="1.0" encoding="UTF-8"?-->

<terms>
    <term name="GUI">Graphical User Interface</term>
    <term name="HTTP">Hypertext Transfer Protocol</term>
</terms>
```

&gt; **Tip:**
&gt; To create the `glossary.xml` file, you can right-click the  [build configuration directory](help-modules.html#build-config-dir)  (`cfg` by default) in the Project tool window, select New, and then click glossary.xml.

2. In a topic file, wrap the text you want to explain with  [&lt;tooltip&gt;](semantic-markup-reference.html#tooltip)  and specify the name in the [term](semantic-markup-reference.html#tooltip_term) attribute. For example:

```XML
Send an <tooltip term="HTTP">HTTP</tooltip> request.
```

Here is how it will render:

Send an HTTP request.

</body></html>