Home > DeveloperSection > Forums > How to show the different Text for a link, image or text while putting cursor over it?
Allen Scott

Total Post:41

Points:289
Posted on    October-13-2016 2:51 AM

 HTML HTML 
Ratings:


 1 Reply(s)
 359  View(s)
Rate this:
Hi buddy

Please help me How to show the different Text for a link, image or text while putting cursor over it? 

Thanks


Abhishek Srivasatava
Abhishek Srivasatava

Total Post:24

Points:168
Posted on    October-13-2016 3:12 AM

Hi Allen, 

You need to use Text AbbreviationIt is used when you want to show text when we move curser to some specific text, link, image, graph etc.


Example for each case is given below:

For link :
<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p> <abbr title="MindStick"> <a href="http://www.mindstick.com">This is a link</a> </abbr>.</p>
</body>
</html>


For Text:
<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p> <abbr title="MindStick"> Best Company of India </abbr></p>
</body>
</html>


For Image:
<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p> <abbr title="MindStick"><img src="prinav.jpg" alt="Abhishek.com" width="104"height="142">
  </abbr></p>
</body>
</html>


Don't want to miss updates? Please click the below button!

Follow MindStick