(PDF) HTML Iframes Tag with Examples :- Infinity4Education
HTML Iframes
An
HTML 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
height and width are specified in pixels by default:
Example
<iframe src="demo_iframe.htm" height="200" width="300"></iframe>
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>
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>
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>
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.Infinity4Education.com " target="iframe_a">Infinity4Education.com</a></p>
<p><a href=" https://www.Infinity4Education.com " target="iframe_a">Infinity4Education.com</a></p>
HTML iframe Tag
Tag
|
Description
|
<iframe>
|
Defines an inline frame
|
Comments
Post a Comment