<iframe>

The <iframe> element represents a container used to embed a second web page inside the current one. It can be used for content from the same domain as the parent, or even from a second domain.

Syntax

<iframe></iframe>

<iframe> is an element that uses attributes to define important properties. It should not contain any elements between the opening and closing tags. Common attributes are:

  • src, which specifies the URL to embed
  • height, which specifies the height of the <iframe> and defaults to 150 pixels
  • width, which specifies the width of the <iframe> and defaults to 300 pixels

Additional attributes set security policies (using csp or referrerpolicy attributes), or enable features for the iframe (using allow or sandbox attributes)

Example

<html>
<head> </head>
<body>
<h1>This text is from the current webpage</h1>
<!-- This will add https://www.codecademy.com/learn to the current page in an embedded frame -->
<iframe
height="300"
width="300"
src="https://www.codecademy.com/learn"
></iframe>
</body>
</html>

This will render the following output:

Rendered <iframe> tag example

Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback form.

Learn HTML on Codecademy