Here’s a great tip for anyone with a website. If you want to know how to get text to popup when you hover your mouse over some text. This can be done using the acronym tag and is useful if you have a lot of information to fit into a sentence and need a way to break it down into more readable chunks. For example:

Today I designed a new website, incorporating the acronym tag.

Oddly enough, the acronym tag can also be useful when typing acronyms on your website, for example:

Before learning how to make text popups, we need to know what HTML tags are (don’t worry, I’ll KIS).

What Are HTML Tags?

HTML tags are not like WordPress tags. HTML tags are a little bit of code that tells someone’s internet browser how to display something on a website. For example, an HTML tag can be used to change the colour of some text, or make some text bold. In the case of the acronym tag, it tells the internet browser to underline the text to let people know that they can hover over text to display a popup.

How To Use The Acronym Tag

Using the acronym tag is fairly easy and very effective, simply click on the HTML tab of the editor in WordPress (it’s at the top right of the window you type into in the Page / Post editor). Then on either side of the text you want people to see on your website, put the following:

<acronym title="This is the text that will pop up">text you want people to see on your website</acronym>

Then click on the Visual tab (next to the HTML tab) to go back to WordPress’s WYSIWYG editor, and that’s it. Done.