Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Inline Frames
Your Ad Here

Inline Frames


Floating or inline frames enables a full page to be added inside another. Unlike PHP and SHTML, inline frames use a .html file as the embeded file and includes a scrollbar. However inline frames aren't supported by every browser. Netscape 4.x and Opera 5 for Macintosh don't support inline frames.

  1. Start off by typing <iframe src="/img_articles/2260/embededpage.html", where embededpage.html is the page that will be shown in the inline frame when viewed in a browser.

  2. To name the embeded page, type name="depiction" and replace "depiction" with the name of the embeded page.

  3. Type width="200" height="300">. Replace the current dimensions with the dimensions of the new inline frame.

  4. Type the text that should appear if the browser doesn't support inline frames. Finally type </iframe> to complete the inline frame.

You should now have:

<iframe src="/img_articles/2260/embededpage.html" name="depiction" width="200" height="300">Your Browser does not support inline frames.</iframe>

Tips:
  • The border can be removed by adding frameborder="0" after step 2. This helps the frame blend in with the rest of the page.
  • CSS can be used in the embeded page to customize the scrollbars so they don't stick out to much.

If done correctly, the inline frame should appear as below when viewed in a browser. (I removed the border.)



Author's URL: Depiction.net
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Inline Frames"

Only registered users can write comment

Reader's comments