HTML Iframes

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%").

<iframe src="http://paul-html-tutorial.blogspot.com/" height="200" width="300"></iframe>

 Or you can use CSS to set the height and width of the 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:

<iframe src="http://paul-html-tutorial.blogspot.com/" style="border:none;"></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:


<iframe src="http://paul-html-tutorial.blogspot.com/" name="iframe_a"></iframe>

<p><a href="http://paul-html-tutorial.blogspot.com/" target="iframe_a">paultutorial.blogspot.com</a></p>

HTML iframe Tag

Tag Description
<iframe>                 Defines an inline frame




No comments:

Post a Comment

How to Create Check and Uncheck - Radio Button ?

<script> var grd = function(){   $("input[type='radio']").click(function() {     var previousValue = $(this).attr(...

Popular Posts