Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Embed website into my site

Tags:

html

embed

What I am trying to do is embed a website into mine. When you search something on their page their embed site redirects through their pages though it will still be on my web page. Any help will be appreciated. I have partnered up with this site and they don't know how to do it themselves.

I am sorry if this is confusing. Here is a example if it helps

<html>//my site
<header>//my site
</header>//my site
<body>//my site
//where embed website is with their page redirects and search engine
</body>//my site
</html>//my site

When you search on their site or go to their pages link on their site. This should be like this in way.

<html>//my site
<header>//my site
</header>//my site
<body>//my site
//new page on the embed site after redirect
</body>//my site
</html>//my site

Any thoughts or places I can go help me figure this out.

like image 369
user979626 Avatar asked Oct 25 '11 13:10

user979626


People also ask

How do I display a website on my website?

An HTML iframe is used to display a web page within a web page.

How do I display another website in HTML?

You could use an <iframe> in order to display an external webpage within your webpage. Just place the url of the webpage that you want to display inside the quotes of the src attribute. Show activity on this post. Either you use an iframe or you load the site via AJAX into a div (e.g. using jQuerys load() method).

What does it mean to embed a website?

Definition: Embedding refers to the integration of links, images, videos, gifs and other content into social media posts or other web media. Embedded content appears as part of a post and supplies a visual element that encourages increased click through and engagement.


4 Answers

You can embed websites into another website using the <embed> tag, like so:

<embed src="http://www.example.com" style="width:500px; height: 300px;">

You can change the height, width, and URL to suit your needs.

The <embed> tag is the most up-to-date way to embed websites, as it was introduced with HTML5.

like image 75
loic17 Avatar answered Oct 30 '22 22:10

loic17


Put content from other site in iframe

<iframe src="/othersiteurl" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>
like image 26
Emmanuel N Avatar answered Oct 30 '22 23:10

Emmanuel N


You might want to check HTML frames, which can do pretty much exactly what you are looking for. They are considered outdated however.

like image 31
Till Helge Avatar answered Oct 30 '22 23:10

Till Helge


**What's the best way to avoid a fixed size, i.e., to have the embedded website scale responsively to the browser's window size? I'd like to avoid scroll bars within my website. – CGFoX Feb 2 '19 at 15:52

**Is it possible to set width and height to percentages instead of absolute pixels? – CGFoX Mar 16 at 11:53

ANSWER: <embed src="https://YOURDOMAIN.com/PAGE.HTM" style="width:100%; height: 50vw;">

like image 34
Brian Kunick Avatar answered Oct 30 '22 23:10

Brian Kunick