HTML Iframes

Iframes (inline frames) allow you to embed another HTML document within the current document. They are commonly used to display content from other sources, such as videos or maps, directly within a webpage.

Tutorials dojo strip

HTML Iframes Syntax

Explanation of Syntax:

src="URL": The URL of the document to embed.
width="width_value" and height="height_value": Specify the dimensions of the iframe.

<iframe src="URL" width="width_value" height="height_value"></iframe>

HTML
​x
 
<iframe src="URL" width="width_value" height="height_value"></iframe>

HTML Iframes Example Code

Explanation of Code:

The code begins with the <!DOCTYPE html> declaration and the opening <html> tag.
In the <head> section, metadata is defined for the document.
The <body> section includes:
- An <h1> tag introducing the iframe content.
- An <iframe> tag that embeds a webpage from https://www.example.com, set to a width of 600 pixels and a height of 400 pixels.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Iframes Example</title>
</head>
<body>
    <h1>Embedded Iframe Example</h1>
    <iframe src="https://www.example.com" width="600" height="400"></iframe>
</body>
</html>

HTML
 
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Iframes Example</title></head><body>    <h1>Embedded Iframe Example</h1>    <iframe src="https://www.example.com" width="600" height="400"></iframe></body></html>

HTML Labs

Tutorials dojo strip