HTML - <iframe> Tag

Description

The HTML <iframe> tag is used to create an inline frame.

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML iframe Tag</title>
   </head>

   <body>
      <iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe>
   </body>

</html>

This will produce the following result −

Global Attributes

This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes

The HTML <iframe> tag also supports the following additional attributes −

Attribute Value Description
align left
right
top
middle
bottom 		Specifies how to align the iframe according to the surrounding text.
frameborder 1
0		 Specifies whether or not to display border around the frame.
height pixels Specifies the height of the inline frame.
longdesc URL A URL to a long description of the frame contents.
marginheight pixels Allows you to specify the width of the space between the left and right of the frame's borders and the frame's content. The value is given in pixels. For example marginwidth = "10".
marginwidth pixels Specifies the margin, in pixels, between the frame's contents and it's left and right margins.
name text Name of the frame
sandbox html-5 ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation		 Enables a set of extra restrictions for the content in the iframe.
scrolling yes
no
auto		 Determines scrollbar action
seamless html-5 seamless Specifies that the iframe should look like it is a part of the containing document
src URL Location of the frame contents file
srcdochtml-5 HTML_code Specifies the HTML content of the page to show in the iframe
width pixels Specifies the width of the inline frame.

Event Attributes

This tag supports all the event attributes described in − HTML Events Reference

Browser Support

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes
html_tags_reference.htm
Advertisements