DEV Community

Jaisurya
Jaisurya

Posted on • Edited on

Iframe in HTML

The tag in HTML is used to embed another webpage directly inside your current page. Think of it like a window on your website looking into another webpage.</p> <p><strong>Basic Syntax:</strong><br> </p> <div class="highlight"><pre class="highlight html"><code><span class="nt">&lt;iframe</span> <span class="na">src=</span><span class="s">"https://example.com"</span> <span class="na">width=</span><span class="s">"600"</span> <span class="na">height=</span><span class="s">"400"</span> <span class="na">title=</span><span class="s">"Example Website"</span><span class="nt">&gt;&lt;/iframe&gt;</span> </code></pre></div> <p></p> <p><strong>Let&#39;s see how we embed a youtube video inside our website:</strong><br> Most video and map providers generate <iframe> code automatically for you when you click &quot;Share&quot; -&gt; &quot;Embed&quot;.<br> </p> <div class="highlight"><pre class="highlight html"><code><span class="nt">&lt;iframe</span> <span class="na">width=</span><span class="s">"560"</span> <span class="na">height=</span><span class="s">"315"</span> <span class="na">src=</span><span class="s">"https://www.youtube.com/embed/dQw4w9WgXcQ"</span> <span class="na">title=</span><span class="s">"YouTube video player"</span> <span class="na">allow=</span><span class="s">"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"</span> <span class="na">allowfullscreen</span><span class="nt">&gt;</span> <span class="nt">&lt;/iframe&gt;</span> </code></pre></div> <p></p> <p>Now we have a youtube video inside our webpage.</p>

Top comments (0)