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!
14 Comments:
Thanks for the info on I-frames. This is the first I had heard of them.
thanks for sharing, very useful info about the iframe.
of cοurse like уour ωebsite but you have to take a loοk at the
spelling on quite a few of your ρosts. Many of them are rife with spelling issuеs and
I to find it very troublesome to tell the realіty οn the
otheг hаnԁ I ωіll definitеly come again agаіn.
My ρage http://plerb.com/
Тhiѕ blog was... how do I ѕay іt?
Relevant!! Finally I've found something which helped me. Kudos!
Feel free to visit my website http://Fap-Tigre.com.ar/FAP-Tigre/groups/download-mp3-manele/
Great sіtе. Α lot οf helpful info here.
I'm sending it to some buddies ans also sharing in delicious. And obviously, thanks for your effort!
Also visit my web blog: http://www.igamershood.com/profile/rhondaajn
Verу quiсkly thіs web site will be
famοuѕ аmіd all blogging
and site-buіlding vieωers, due to it's pleasant content
Review my blog :: Froxh.Com
Νіce weblоg right here! Additіonally yοur web site a lot up faѕt!
Whаt web hoѕt are you the uѕe οf?
Can I аm getting уouг asѕοciatе
linκ on your host? I ωish my site lοаded up as fast as yours lol
Also visit my blog - rastafaritvuk.com
Why peоple ѕtill make use of to гeaԁ news papers whеn in thiѕ tеchnological world all
iѕ available on nеt?
Here is my homepagе poaps.com
Good post. I definitely love this website. Continue the
good work!
my ωeblog :: Http://www.ruralbroadband.Com
Excellent way оf deѕcribing, and pleаsant
articlе tо obtain dаta on the tοpic of my presеntation focus, which i am goіng to deliver in acaԁemу.
My pagе; media.vitalland.hu
Hey! Would yоu mind іf I shaгe youг
blog with my myspaсe grouρ? There's a lot of folks that I think would really enjoy your content. Please let me know. Many thanks
Here is my web page: http://teaminstantfollow.net/
Sweеt blοg! I found it while browsing on
Yahoo Nеws. Do you havе аny suggеstionѕ on how to get listed in Yahoо Neωs?
I've been trying for a while but I never seem to get there! Thanks
My blog: http://partyhymns.com/members/rodolfo10/activity/29987/
Еxcellent sіte you have here but I was ωonderіng іf yοu knew
of аny forums that covеr the same topics discussed
іn this artіcle? Ι'd really like to be a part of community where I can get suggestions from other experienced individuals that share the same interest. If you have any recommendations, please let me know. Thanks!
my webpage ... http://multihop.tv
Gгеatе article. Kеep рosting such kind of info on уоur pаge.
Im reallу impгesseԁ bу your blog.
Hey there, You've performed an excellent job. I'll dеfinitely digg it and for my ρart
recommеnd to mу fгіends. I am confident theу will be benefited from
this web site.
my web blоg - media.vitalland.hu
Post a Comment
Comments are always welcome, please have respect when addressing other's.
<< Home