The iframe in HTML stands for Inline frame. The “iframe” element in a webpage helps to display another web page document within some particular area or region using the web browser. The inline frame is used to embed another webpage within the current HTML webpage having different attributes for loading, setting height or width, allowing full screen mode, src, and many more.
Approach: The task is to define an address of the document embedded in an iframe element. The task can be done by simply using the src attribute of the iframe tag in the document. This property is used to specify the URL of the document that is embedded to the <iframe> element.
Syntax:
<iframe src="URL">
Example: Below code illustrates the use of the src attribute in the <iframe> element.
HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body style="text-align:center;">
<h2 style="color:green">GeeksforGeeks</h2>
<b>Specify the address of the document to embed in the HTML iframe element</b><br/>
<p> This is the normal webpage content</p>
<iframe src=
height="200" width="400">
</iframe>
</body>
</html>
|
Output:
Example 2: The below code uses the iframe element without the scrollbar and frameborder using the respective iframe attributes. The attributes are “scrolling=no” and “frameborder=0” as shown in the example.
HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body style="text-align:center;">
<h2 style="color:green">GeeksforGeeks</h2>
<b>Specify the address of the document to embed in the HTML iframe element</b><br/>
<p> This is the normal webpage content</p>
<p>Another content</p>
<b>no content, no scroll in below iframe</b><br/>
<iframe src=
height="200" width="400"
scrolling="no" frameborder="0"
name="myFrame"
>
</iframe>
</body>
</html>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
27 May, 2021
Like Article
Save Article