How to create an inline frame using HTML5 ?
Last Updated :
30 Jun, 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:
<!DOCTYPE html>
< html >
< head >
< title >
How to create an inline
frame using HTML5?
</ title >
</ head >
< body >
< h2 >Hlo GeeksForGeeks</ h2 >
< h2 >
How to create an inline
frame using HTML5?
</ h2 >
< p >Content goes here</ p >
< iframe src =
height = "300" width = "400" >
</ iframe >
</ body >
</ html >
|
Output:
Example 2:
<!DOCTYPE html>
< html >
< head >
< title >
How to create an inline
frame using HTML5?
</ title >
</ head >
< body >
< h2 >Hlo GeeksForGeeks</ h2 >
< h2 >
How to create an inline
frame using HTML5?
</ h2 >
< iframe height = "300" width = "350"
src="
name = "iframe_a" ></ iframe >
</ body >
</ html >
|
Output:
Supported Browser are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...