HTML Mouseover Text Description

 

Creating an HTML Mouseover Text Description

You can create an HTML mouseover text description, similar to an image alt tag or pop up text description that will be viewed when your mouse is placed over the text link.

Using text descriptions not only makes it convenient for your visitors, as they can easily place their mouse over your links to view additional information, but it is also good for web page optimization. By including the TITLE attribute, you can include your most relevant keyword phrases. Ranking your web pages within the search engines is an important part of driving traffic to your website.

 

Text Description Box

Place "title="your text description"" within your HTML link code.

Example:

Your Text

Place your mouse over the link to view the description.

HTML Code:

<a href="http://www.yourdomain.com/" title="Your text description">Your Text</a>

Edit the text indicated in bold to suit your needs.

Give it a try…

To view the results below, after making changes to the above code, place your cursor at the end of the code and press your space bar on your keyboard.

Here’s the result…

This concludes the Creating an HTML Mouseover Text Description code.

 

 

 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.