HTML Iframes

« Previous Chapter Next Chapter »

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

Syntax for adding an iframe:

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

The URL points to the location of the separate page.

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%").

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>An Example for testing - QcTutorials </title>
</head>
<body>
<iframe src="ifr-example1.html" width="200" height="200"></iframe>


Iframe - 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:

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>An Example for testing - QcTutorials </title>
</head>
<body>
<iframe src="ifr-example1.html" frame></iframe>


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:

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>An Example for testing - QcTutorials </title>
</head>
<body>
<iframe src="ifr-example1.html" name="iframe_a"></iframe>
<p><a href="http://www.qctutorials.com" target="iframe_a">QcTutorials</a></p>


HTML iframe Tag

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


« Previous Chapter Next Chapter »
Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!