HTML Iframes
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });
HTML Iframes
❮ Previous
Next ❯
An iframe is used to display a web page within a web page.
Iframe Syntax
An HTML iframe is defined with the <iframe> tag:
<iframe src="URL"></iframe>
The src attribute specifies the URL (web address) of the
inline frame page.
Iframe - Set Height and Width
Use the height and width attributes to specify the
size of the iframe.
The attribute values are specified in pixels by default, but they can also be
in percent (like "80%").
Example
<iframe src="demo_iframe.htm" height="200" width="300"></iframe>Try it Yourself »
Or you can use CSS to set the height and width of the iframe:
Example
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>Try it Yourself »
Iframe - Remove the Border
By default, an iframe has a border around it.
To remove the border, add the style attribute and use the CSS border property:
Example
<iframe src="demo_iframe.htm" style="border:none;"></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;"></iframe>Try it Yourself »
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1493883843099-0'); });
Iframe - Target for a Link
An 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:
Example
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Try it Yourself »
HTML iframe Tag
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Test Yourself with Exercises!
Exercise 1 »
Exercise 2 »
Exercise 3 »
Exercise 4 »
❮ Previous
Next ❯