The tip directive is provided by the admonition plugin.

The following markup:

[[!tip  "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."]]

Will show:

It generates the following HTML, which is the equivalent:

<div class="tip">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>

Other admonitions are available, see admonition for more and rationale.