How can one show a preview of the thread currently linked in a website in a button?

Question

In Sololearn, when we insert a Post, Code, or a link to a Course, a new button gets inserted in out threads which displays minor details of the thread/course/code and is clickable, and redirects us to the URL linked with the same.

In a normal website, being designed using HTML, CSS and JS, how can the same be achieved?

I wish to create an HTML code that will prompt the user for some URL and then display the details like the app does for threads and codes.
How can this button, be created?

Answer 1

So using <a href="https://mylink.com">My Link</a> will create a click able link that takes you to a new website. You can use this attribute to open it in a new tab: target="_blank"

Or you could try using <iframe href="https://mylink.com"> to view that site on your current website