#Embed website in iframe html code code

Here is an example link:įor links you add to the page inside the IFrame you may want to target your links to have them open inside, or outside the IFrame. These links will target the IFrame name (Framename in this example). In the HTML page that you are adding the IFrame to, you can add links to change the page inside the IFrame. You can edit the 'Framename' with any name you prefer.

#Embed website in iframe html code code

Edit the 'overflow' in the css code to 'visible' or 'scroll' or 'hidden' or 'auto'. Optionally edit the border color and width.Įdit the scrolling in the HTML to 'no' or 'yes'. In the above example you can change the width and the height to any sizes you would like for your IFrame (use 100% width for responsive and edit the max-width to a fixed px number). To use fully compliant HTML5 code remove the following from the HTML code: Your HTML error checker may flag these codes as errors. The IFrame HTML code in step #1 includes backward compatible code for older HTML 4.01 web browsers like IE8. If you do not have a global css file, add the above code to the head section of your webpage just before the tag between the following tags. Overflow: auto /* EDIT TO hidden FOR NO SCROLLBAR */ The following code works for both responsive and non-responsive webpages. Edit the following with your height, width, border and overflow options. The css height and width will overwrite the IFrame HTML code. Select, copy, and paste the following css at the bottom of your template global style.

Paste it into the content area of your HTML webpage where you want the IFrame window to appear.

This example uses responsive css code to make the IFrame window flex in width.Įdit the size and border of the IFrame in the step #2 css code.Ĭreate a new webpage called 'framepage.htm' that will display inside the IFrame window. Below is an example embedded HTML webpage named 'IFrame-SAMPLE.html'.