How To Create an Inline Frame Using HTML5

Posted By Bajarangi soft , Posted On 09-10-2020

In this article, we will create an inline iframe by using a <iframe> tag in a document. It represents a fixed rectangular area within the document in which the browser can display a separate document along with scroll bars and borders

Inline frames are used to embed another document within the current HTML page.
Syntax :

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

Example-1

<!DOCTYPE html>
<html>

<head>
    <title>
        How to create an inline
        frame using HTML5?
    </title>
</head>

<body>
<h2>Hlo Bajarangi Soft</h2>

<h2>
    How to create an inline
    frame using HTML5?
</h2>

<p>Content goes here</p>

<iframe src=
                "logo.jpg"
        height="300" width="400">
</iframe>

</body>

</html>

Example-2

<!DOCTYPE html>
<html>

<head>
    <title>
        How to create an inline
        frame using HTML5?
    </title>
</head>

<body>
<h2>Hlo Bajarangi Soft</h2>

<h2>
    How to create an inline
    frame using HTML5?
</h2>

<iframe height="300" width="350"
        src="
logo.jpg"
        name="iframe_a"></iframe>

</body>

</html>

Related Post

Why We Use Display Inline Block in CSS?
What Is The Difference Between Inline and Display Inline Block In Css
How to Remove The Space Between Inline Block Elements
How To Stop Event Propagation With Inline Onclick Attribute
HTML Block And Inline Elements
How To Prevent Inline Block Div 's From Wrapping
How To Shift Inline Elements When the text Bold On Hover Using Css
How To Create an Inline Frame Using HTML5