Wednesday 2 July 2014

HTML Iframes !!


Iframe is used for display a web page within a web page or Video.
The element has a start or opening tag <iframe> and an end or closing tag </iframe>.
iframe mean "inline frame".

Syntax for adding an iframe on your web page:

<iframe src="URL of web page"></iframe>
The URL points to the location of the separate page or Video.

Iframe - Height and Width Set:
The attribute values are specified in pixels by default, but they can also be in percent (like "80%").

Example:
<iframe src="http://onlinewebcoach.blogspot.com/" width="500" height="400"></iframe>

Iframe Border:
If you want to doesn't display iframe border (frameborder attribute specifies whether or not to display a border around the iframe) just frameborder="0".

Example:

<iframe src="http://onlinewebcoach.blogspot.com/" frameborder="0" width="500" height="400"></iframe>

Iframe Target Link:
You can used iframe target frame for a link.

when you click the link then the show your page in iframe.

Example:
<iframe src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMj99B-JvSWlAYFzTf7dYDR9KlkBiTRC_8QzZ9adjmV048NcDH1pButKJanEovUOr0WFx26ydinQGETECmHMtFOcMoOIYmWBFXZAi0xPdcCvaj_ULrrqOxbq7hMvGp6NGpFWvM75chbeE/s1600/iframe.jpg" name="iframe_a" frameborder="0" width="500" height="400"></iframe>
<p><a href="http://onlinewebcoach.blogspot.com/" target="iframe_a">Online Webcoach</a></p>
Output:

 
Online Webcoach
If your need help please watch this video: 

No comments:

Post a Comment