An HTML iframe is used to display a web page within a web page.
HTML Iframe SyntaxThe HTML <iframe>
tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document.
Syntax<iframe src="url" title="description"></iframe>
Tip: It is a good practice to always include a title
attribute for the <iframe>
. This is used by screen readers to read out what the content of the iframe is.
Use the height
and width
attributes to specify the size of the iframe.
The height and width are specified in pixels by default:
Example<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>
Try it Yourself »Or you can add the style
attribute and use the CSS height
and width
properties:
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>
Try it Yourself » Iframe - Remove the BorderBy default, an iframe has a border around it.
To remove the border, add the style
attribute and use the CSS border
property:
<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>
Try it Yourself »With CSS, you can also change the size, style and color of the iframe's border:
Example<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>
Try it Yourself » Iframe - Target for a LinkAn iframe can be used as the target frame for a link.
The target
attribute of the link must refer to the name
attribute of the iframe:
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Try it Yourself » Chapter Summary<iframe>
tag specifies an inline framesrc
attribute defines the URL of the page to embed title
attribute (for screen readers)height
and width
attributes specify the size of the iframeborder:none;
to remove the border around the iframeFor a complete list of all available HTML tags, visit our HTML Tag Reference.
Video: HTML IframeTrack your progress - it's free!
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4