HTML Iframes HTML

HTML Iframes  

HTML Iframes

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:

<iframe src="https://w3tpoint.com" height="200" width="300"></iframe>

Or you can use CSS to set the height and width of the iframe:

<iframe src="https://w3tpoint.com" style="height:200px;width:300px;"></iframe>

 

Example

<iframe src="https://w3tpoint.com" 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="https://w3tpoint.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:

Example

<iframe height="300px" width="100%" src="https://www.w3tpoint.com" name="iframe_a"></iframe>

<p><a href="https://www.w3tpoint.com/html" target="iframe_a">W3Schools.com</a></p>

Download free E-book of HTML


#askProgrammers
Learn Programming for Free


Join Programmers Community on Telegram


Talk with Experienced Programmers


Just drop a message, we will solve your queries