How to add a preview from a web page to an <a> tag that leads to the specific page-CodePudding

I would like to make an <a> tag to my html page with a url link that leads to another page, but i also want a preview of that page to be seen as well. Just like when you post something on facebook and a preview is added simultanesly , the same way i want to make a link to my web page that leads to another page and has the preview of that page to. Is there ane way to achive that? Thanks in advance

CodePudding user response：

If I understand properly, your best bet would be css… the content would be placed there with a display property of none…

And then you can target the element on hover or with pure css or js

I hope this helps

CodePudding user response：

You can use iframe tag to display contents of another page

If you want clickable preview of page.. Hope below code helps you

<div style="position:relative;">
<iframe src="somepage.html" width="500" height="500" />
<a href="somepage.html" style="position:absolute; top:0; left:0; display:inline-block; width:500px; height:500px; z-index:5;"></a>
</div>