HTML iframe Tag Explained with Examples
HTML iframe Tag Explained
What is an <iframe> in HTML?
inline frame represented HTML <iframe> tag.
use embed another HTML document inside the current webpage.
display external content website, video,map,forms,directly with redirecting user.
<iframe> tag HTML embed external content with webpage.
src attribute is required.
it is container Tag (opening & closing Tag)
Syntax :-
<iframe src="https://webdesigningtheory.blogspot.com/"
height="200" width="300" title="Iframe Example">
</iframe>
Explain
<iframe
src ="URL" ➡ page to display
width = "300" ➡ Frame width
height ="200" ➡ Frame height
title ="text" ➡ Description
> </iframe>
HTML iframe Tag Explained
<!DOCTYPE html>
<html>
<body>
<h2>Example of HTML Iframes</h2>
<iframe src="https://webdesigningtheory.blogspot.com/"
height="200" width="300" title="Iframe Example"></iframe> </html>
</body>
</html>
HTML iframe Tag Explained
Explain Program
Step 1 ]
<!Doctype html><!doctype html> always be the first line of any HTML document.
<!Doctype html><!doctype html> always be the first line of any HTML document.
Step 2 ]
<html> and </html>
html is the root element.
<html> and </html>
html is the root element.
Step 3 ]
<body> and </body>
body is main content area.
All visible content inside to the <body> tag
<body> and </body>
body is main content area.
All visible content inside to the <body> tagStep 4]
<iframe src="https://webdesigningtheory.blogspot.com/"
height="200" width="300" title="Iframe Example"></iframe> </html>
<iframe>....</iframe>
<iframe> tag inline frame
use embed another HTML page current page showing inside you own page .
src="https://webdesigningtheory.blogspot.com/" :- specifies URL loaded inside iframe
https://webdesigningtheory.blogspot.com/"
height="200" :- height of the iframe 200 pixels
height="200" :- width of iframe 300 pixels
title="Iframe Example" :- provide description of iframe content use
Step 5]
</html>
closing tag </html>
HTML iframe Tag Explained
Output
Related Post :-
Post a Comment