How to Create a Nested Webpage

By Brandy Alexander

Nested Web pages present content from one website in the main body of another; in effect, it's a page within a page. Use a nested Web page when you need to present information from another page to your site's visitors but you don't want them to leave your website in order to do this. Create a nested page with the HTML code iframe tag in your usual text editor or Web design software.

Step 1

Launch your text editor and open a Web page document.

Step 2

Place your cursor in the area where you want the nested Web page to appear and type in the “” tag followed by the associated URL address. Further, enter “width” and “height” dimensions to specify the size of the embedded content; for example:</p> <iframe src="”http://www.nestedpage.com”" width="”350”" height="”200”"> </div> <div data-ad-unit-name="slot" data-ad-unit-index="2" class="mobile-display-ad"></div> <h2 class="step-heading">Step 3</h2><div class="section"> <p>Type in “<p></p>” paragraph tags, enter an “anchor” link in between these elements and type in the name of the inserted webpage. This task creates an alternate view in the event that a viewer's web browser does not present the “<iframe>” nested content. For instance:</p> <p><a href="”http://www.nestpage.com”" rel="nofollow noopener">Nested Web Page</a></p> </div> <div data-ad-unit-name="slot" data-ad-unit-index="1" class="mobile-display-ad"></div> <h2 class="step-heading">Step 4</h2><div class="section"> <p>Enter a closing “” tag at the end of the entry to complete the code.

Step 5

Preview your work in a browser window and save your file when done.

References

Writer Bio