Display text on MouseOver for image in html

You can use title attribute.

<img src="smiley.gif"  title="Smiley face"/>

You can change the source of image as you want.

And as @Gray commented:

You can also use the title on other things like <a ... anchors, <p>, <div>, <input>, etc. See: this

Related Posts:

  1. Embed image in a
  2. Image is not showing in browser?
  3. forbidden 403 on image URLS
  4. Is element block level or inline level?
  5. How do I auto-resize an image to fit a ‘div’ container?
  6. CSS Display an Image Resized and Cropped
  7. How to place a text next to the picture?
  8. How to put a text beside the image?
  9. CSS: Moving the text down a few pixels but keeping the background still?
  10. Bootstrap 4 images thumbnail classes
  11. CSS: Moving the text down a few pixels but keeping the background still?
  12. Rotate an image in image source in html
  13. CSS Background image not loading
  14. How to “crop” a rectangular image into a square with CSS?
  15. CSS centred header image
  16. How to display image with JavaScript?
  17. Resize image with javascript canvas (smoothly)
  18. Wrap text around bootstrap image
  19. JavaScript: Get image dimensions
  20. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  21. How to add image that is on my computer to a site in css or html?
  22. How to display Base64 images in HTML
  23. Making an image act like a button
  24. HTML5 Canvas Rotate Image
  25. HTML tag is not working
  26. Tooltip on image
  27. Display text on MouseOver for image in html
  28. Open source social media icons to download and use on website? [closed]
  29. CSS Background Opacity [duplicate]
  30. How to create an HTML button that acts like a link
  31. What does In html mean
  32. Center image horizontally within a div
  33. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  34. How to get a tab character?
  35. How to make JavaScript execute after page load?
  36. Is there an upside down caret character?
  37. Prevent line-break of span element
  38. How to align iframe always in the center
  39. How can I get the values of data attributes in JavaScript code?
  40. Disable Scrolling on Body
  41. Darken CSS background image?
  42. Alternative to iFrames with HTML5
  43. Responsive image map
  44. How to wrap text around an image using HTML/CSS
  45. How to darken a CSS background image?
  46. How can I create a marquee effect?
  47. What is “X-Content-Type-Options=nosniff”?
  48. How to make an input type=button act like a hyperlink and redirect using a get request?
  49. Get checkbox value in jQuery
  50. Including external HTML file to another HTML file [duplicate]
  51. CSS list-style-image size
  52. How can I override Bootstrap CSS styles?
  53. Can’t fix: ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags
  54. How to disable auto-play for local video in iframe
  55. Styling an input type=”file” button
  56. How to stick footer to bottom (not fixed) even with scrolling
  57. How to semantically add heading to a list
  58. Multiple distinct pages in one HTML file
  59. How to change the background-color of jumbrotron?
  60. vertical-align with Bootstrap 3
  61. What is the difference between localStorage, sessionStorage, session and cookies?
  62. How to place Text and an Image next to each other in HTML?
  63. How do I align in my image to move it vertically up?(CSS,HTML)?
  64. How to center links in HTML
  65. Bootstrap Columns Not Working
  66. How to center an unordered list?
  67. Form inside a table
  68. How do I change the font color in an html table?
  69. Do you have to include link rel=”icon” href=”favicon.ico” type=”image/x-icon” /?
  70. How to make a div 100% height of the browser window
  71. Pure HTML Back Button
  72. How to access and download a file from a server using HTML 5
  73. Layout a flex box similar to a table?
  74. html : iframe not showing content in html
  75. How can I capture the right-click event in JavaScript?
  76. In which directory do I find the HTML file of my wordpress pages?
  77. How can I publish Word files to a WordPress blog without losing the footnotes?
  78. Preserve white-space in Page
  79. How do we remove mystical [X] from text? Image included
  80. Remove html markup by wordpress
  81. How can I set different html lang attribute for different countries?
  82. Add Attribute to p Tag of Post Content
  83. custom html in page change in browser
  84. Add Adsense to a website but the server responds with error 510 [closed]
  85. Can’t save any WordPress post with the html tag in it
  86. remove string: ‘custom content…’ from every page
  87. Whitespace Before Doctype
  88. html entities occur in the_excerpt used as meta description
  89. Allow Access To Subfolder Of HTML For Logged In Visitors
  90. Removing Line Break Tags from a Page
  91. Using Tags Instead of Categories for site structure
  92. Use Mail-Tag from Contac Form 7 in a script
  93. Tidy HTML formatting in Gutenberg HTML blocks
  94. Unable to autoplay and loop a cinemagraph from Imgur
  95. standard callback function for wp_list_comments
  96. How to replace a specific html tag in bulk?
  97. Inserting code into a page just shows raw HTML
  98. How can I insert a disclaimer in a WordPress site?
  99. How to play a video after the end of another one via link?
  100. Moving from Microsoft Front Page 2003 to WordPress

Leave a Comment