HTML Tutorial for Inline Frames
Inline frames, also known as IFRAMES, allow you to display the contents of another webpage seamlessly within your webpage. Unless you look at the code used to create the page, you can't tell the inline frame isn't part of the original design. You can hide or reveal the frame's border and change its dimensions. You can also make the contents of a link display within the inline frame when someone clicks on it. It's important to note, however, that inline frames may not work in an older Web browser.
Other People Are Reading
Instructions
-
-
1
Open a new or existing HTML file in a text editor.
-
2
Add the following code between the <BODY> tag of your file to create an inline frame that displays a frame border and the contents of another web page within it. Then replace the SRC (location of frame's contents), HEIGHT and WIDTH with the information you want to use.
<iframe src="http://web-page.com/some-page.html" name="myframe" width="500" height="400" frameborder="1"></iframe>
-
-
3
Display the contents of a link within the inline frame by setting the target to that of your inline frame's name, as follows:
<a href="your-link.html" target="myframe">Show Contents in IFRAME</a>
-
4
Display a seamless inline frame without scroll bars or borders by adding the following code in the <BODY> tag:
<iframe src="http://web-page.com/some-page.html" name="myframe" width="500" height="400" seamless="seamless"></iframe>
-
5
Select "File" and "Save" from the toolbar. Include the .HTML file extension in the file name. Then click "Save."
-
1
References
- Photo Credit internet - eingabefeld internet http://www image by pmphoto from Fotolia.com
