Here are various tooltips created with HTML and CSS. You can insert these tooltips in Weebly and get the complete code in the main article. Since, Weebly has similar interface with many other website building platforms, you can use similar process on other platforms also.
Tooltip with HTML Title Tag
move your mouse over here
This is a simple tooltip and move your mouse over here to see it in action.
Simple CSS Tooltip
Move your mouse over to see this tooltip with custom CSS code
Advanced CSS Tooltip
Tooltip with Text
This is a tooltip appears on mouse hovering.
This is a simple tooltip with just text display on hovering. Check it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu diam consectetur, facilisis lorem in, condimentum est. Etiam at leo quis ligula ullamcorper varius.
Tooltip with Link
This is a tooltip with HTML tags! inside. Here is a link! You can insert any HTML tag!
This tooltip has HTML tags inside. Check it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu diam consectetur, facilisis lorem in, condimentum est. Etiam at leo quis ligula ullamcorper varius.
Tooltip with Image
This tooltip has a picture too!
Also include a showcasing image inside the tooltip. Check it!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu diam consectetur, facilisis lorem in, condimentum est. Etiam at leo quis ligula ullamcorper varius.