HTML iframe tag

HTML iframe tag is used to embed another HTML document within the current page. This allows you to display content from another web page such as videos maps or external websites inside a section of your page.

HTML iframe tag with Syntax

iframe src="URL" width="300" height="200"></iframe>

HTML iframe tag with Attributes

src
width
height
frameborder
allowfullscreen
name

HTML iframe tag with embedding a webpage

<!DOCTYPE html>
<html>
<head>
 <title>HTML Iframe with Example</title>
</head>
<body>

<h2>Embedded Webpage Using Iframe</h2>

iframe src="https://sakalacode.com" width="600" height="400" frameborder="0" allowfullscreen>
</iframe>

</body>
</html>

HTML iframe tag with embedd YouTube video

<!DOCTYPE html>
<html>
<head>
 <title>Embedding YouTube Video</title>
</head>
<body>
<h2>YouTube Video Embedded with Example</h2>
iframe width="560" height="315" src="https://sakalacode.com/embed/VIDEO_ID" 
    title="video player" frameborder="0" allowfullscreen>
</iframe>
</body>
</html>

308