iframe Tag

The iframe tag is used to display another web page within a web page.

Copy
<iframe src="https://example.com" width="500" height="300"></iframe>

Using this code, the example.com web page will be displayed within a 500x300 pixels area on the current page.

• The src attribute specifies the URL of the web page to be embedded.

• Code example:

  Example of iframe src attribute

  Copy
  <iframe src="https://example.com"></iframe>

• The width and height attributes specify the size of the iframe.

• Code example:

  Example of iframe width & height attributes

  Copy
  <iframe src="https://example.com" width="400" height="250"></iframe>

• The frameborder attribute determines whether the iframe has a border. However, modern web browsers no longer recommend using this attribute and suggest using the border property in CSS instead.

• Code example:

  Example of iframe frameborder attribute

  Copy
  <!-- Deprecated method -->
  <iframe src="https://example.com" frameborder="0"></iframe>
  
  <!-- Recommended method -->
  <iframe src="https://example.com" style="border: none;"></iframe>

The iframe tag is mainly used to include videos (e.g., YouTube), maps (e.g., Google Maps), external websites, etc., within a web page.