Slide 7.5: HTML iframes

HTML Iframes

An iframe is used to display a web page within a web page.

Syntax for adding an iframe is shown on the right. The URL points to the location of the separate page.

  <iframe src="URL"></iframe>

Set Height and Width
The height and width attributes are used to specify the height and width of the iframe. The attribute values are specified in pixels by default, but they can also be in percent (like “80%”).

Remove the Border
The frameborder attribute specifies whether or not to display a border around the iframe. Set the attribute value to 0 to remove the border.

Use iframe as a Target for a Link
An iframe can be used as the target frame for a link. The target attribute of a link must refer to the name attribute of the iframe.

HTML iframe Tag

Tag	Description
`<iframe>`	Defines an inline sub window (frame).

Demonstration
The following demonstration shows how the HTML script is displayed on the Web.


<html> <head><title>HTML Working Area</title></head> <iframe src="http://undcemcs01.und.edu/~wen.chen.hu/course/101/7/demo_iframe.html" name="iframe_a"></iframe> <p><a href="http://undcemcs01.und.edu/~wen.chen.hu/course/101/7/index.html" target="iframe_a">Index Page</a> </p> <p><b>Note:</b> Because the target of the link matches the name of the iframe, the link will open in the iframe. </p> </html>

Review: HTML iframe

Which is NOT an attribute of the HTML tag iframe?

frameborder

href

src

width

Result: