How do I put an iFrame on my page?
Example:
Dictionary | Phone Book, Click one of the links to change the iFrame
Another awesome feature about this element is that not only does it display an external website on your page, you can also make links that "target" the iFrame instead of navigating away from the page. This works great when compiling different sources of media content such as news in one iFrame and weather in another.
The code that installs into the "body" of your document looks like this:
<IFRAME SRC="http://www.youraddress.com/" TITLE="IFRAME1" SCROLLING="auto" NAME="frame1" WIDTH="500" HEIGHT="150" ALIGN="center" FRAMEBORDER="yes">
</IFRAME>
This is the address you want to be default when you load the page.
Give each individual iFrame a title.
The name of the iFrame will become relevant if you are trying to make links on your page that navigate through the iFrame rather than navigating away from the page. When you make a link to navigate the iFrame, use the name of the frame you are triggering to change; target="frame1" Example:
<a href="http://www.youraddress.com/" target="frame1">Link Name</a>
Scrolling="auto" or "yes" or "no" controls whether or not there will be scrollbars visible in the iFrame.
Frameborder controls the border of the iFrame if you want one. You can also use the height and width attributes to control the size. Be sure to define with "align" how you want the iFrame to sit on the page; left, right or center. Ok go have fun!
Dictionary | Phone Book, Click one of the links to change the iFrame
Think of an iFrame as a webpage within a webpage. You can use this element for any website, for example, you could have Google as an iFrame, and utilize the Google front page on your page. Having several different resources available on your front page not only makes your site useful to users, but useful to you!
Another awesome feature about this element is that not only does it display an external website on your page, you can also make links that "target" the iFrame instead of navigating away from the page. This works great when compiling different sources of media content such as news in one iFrame and weather in another.
The code that installs into the "body" of your document looks like this:
<IFRAME SRC="http://www.youraddress.com/" TITLE="IFRAME1" SCROLLING="auto" NAME="frame1" WIDTH="500" HEIGHT="150" ALIGN="center" FRAMEBORDER="yes">
</IFRAME>
This is the address you want to be default when you load the page.
Give each individual iFrame a title.
The name of the iFrame will become relevant if you are trying to make links on your page that navigate through the iFrame rather than navigating away from the page. When you make a link to navigate the iFrame, use the name of the frame you are triggering to change; target="frame1" Example:
<a href="http://www.youraddress.com/" target="frame1">Link Name</a>
Scrolling="auto" or "yes" or "no" controls whether or not there will be scrollbars visible in the iFrame.
Frameborder controls the border of the iFrame if you want one. You can also use the height and width attributes to control the size. Be sure to define with "align" how you want the iFrame to sit on the page; left, right or center. Ok go have fun!















4 Comments:
Thanks for the info on I-frames. This is the first I had heard of them.
thanks,this is my site
http://kaminyoon.blogspot.com/.. be a follower..more wedding ideas!
http://loveumuch143.blogspot.com/..learn how to love more deeper...be a follower..thanks..
thanks for sharing, very useful info about the iframe.
Post a Comment
Comments are always welcome, please have respect when addressing other's.
<< Home