Scribd
Upload
29 views

HTML Iframes

Uploaded by

rk9451176004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
29 views

HTML Iframes

Uploaded by

rk9451176004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML IFRAMES

<iframe> element enables the user to open a window within a window, or a browser within a
browser.

<iframe> tag allows the outside source document to be inserted within the main document.

Inserting an iFrame on HTML Webpage.

The iframe Url address must be enclosed within the <iframe> element.

Syntax of an iframe.

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

iFrame Attribute :width and height

height:Controls the height of the iframe. Values can be expressed in "px" or "%“

width:Controls the width of the iframe. Values can be expressed in "px" or "%".
Example:

<!DOCTYPE html>
<html>
<head>
<title> Iframe Example </title>
</head>
<body>
<iframe src="https://ums.lpu.in/lpuums/LoginNew.aspx"
width="200px“ height="200px">
</iframe>
</body>
</html>
iFrame attribute: frameborder

frameborderThis attribute enables users to specify the border.


Values are boolean in nature. Eg: 1 indicates border while "0" indicates "noborder"

Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Iframes</title>
</head>
<body>
<p>Document content goes here...</p>
<iframe src="ab.html" width="500" height="200" frameborder="0"
marginheight="50px" marginwidth="10px" name="a">
Sorry your browser does not support inline frames.
</iframe> <br />
<a href="https://ums.lpu.in/lpuums/LoginNew.aspx" target="a">image</a> <br />
<iframe src="ab.html" width="250" height="200" frameborder="0">
Sorry your browser does not support inline frames.
</iframe>
<iframe src="ab.html" width="250" height="200" frameborder="0">
Sorry your browser does not support inline frames.
</iframe>
<p>Document content also go here...</p>
</body>
</html>

You might also like