How to Create a Web Page That Uses Inline Frames & Samples

104 31

    Embedding an Inline Frame

    • 1). Create content that you want to be shown in your inline frame using Notepad or an HTML editor like Dreamweaver or FrontPage. Save it as an HTML file.

    • 2). Create the Web page where you want your inline frame placed. In the section where you want the frame to appear, type in the following code:

      <iframe src="content.html"> </iframe>

      Replace "content.html" with the name of the HTML file created in Step 1. You can also specify the width and the height of the frame you are displaying.

    • 3). Save the file as an HTML file and test it by opening it in a browser.

    Opening a Link in an Inline Frame

    • 1). Create the Web page that you want opened in your inline page using Notepad or an HTML editor like Dreamweaver or FrontPage. Save it as an HTML file.

    • 2). Create the Web page that will contain the inline frame. Set your link in this page by using the following code:

      <a href="/links/?u=content.html" target="myinlineframe">Link here</a>

      Replace "content.html" with the name of the file you created in Step 1 and "Link here" with the text of your link.

    • 3). Add the code for your inline frame in the section of the page where you wish to place it:

      <iframe src="somecontent.html" name="myinlineframe"> </iframe>

      Replace "somecontent.html" with a page that contains default content that you want site visitors to see when the page first loads. Make sure that the <iframe> tag has a Name attribute that matches the Target attribute of the link made in Step 2.

    • 4). Save your Web page and test it on a browser. When you click on your link, the contents are displayed in the iframe instead of a new window.

Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.