Embedding an iframe

With the help of iframes, you can integrate any external content into a website

  • 1
    You can set the “max-width”, “width” and “height” in percent or pixels to match your web page.
  • 2

    Now you can place the code at the position you want on your HTML page.

<iframe style=”max-width: 1000px; height: 600px; width: 100%;” src=”https://www.ejanji.com/Demo?iframe=1″></iframe>

Frame:

  • frameorder=”0″ à frame not visible
  • frameorder=”1″ à frame visible

Scrollbars:

  • scrolling=”yes” à force scrollbars
  • scrolling=”no” à suppress scrollbars
  • scrolling=”auto” à automatically according to space needed

Alignment:

  • align=”left” à iframe is placed on the left, subsequent content is placed around the iframe on the right
  • align=”right” à subsequent content is placed around the iframe on the left side
  • align=”middle” à iframe will be placed in the center

Distance to other content:

  • marginwidth=”x” à distance right and left
  • marginheight=”x” à distance above and below