---
title: "HTML 5 iframe tag"  
description: "An inline frame allows you to embed another document within the current HTML document. To create an inline frame, we need a second HTML document. This"  
author: "Anonymous User"  
published: 2011-07-20  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/573/html-5-iframe-tag  
category: "html5"  
tags: ["html5"]  
reading_time: 2 minutes  

---

# HTML 5 iframe tag

An inline frame allows you to embed another document within the current HTML document. To create an inline frame, we need a second HTML document. This second document contains the content within the inline frame. We use the iframe src [attribute](https://www.mindstick.com/blog/61/ado-dot-net-object-model-and-attributes) to specify the source of the other document, [as well as](https://www.mindstick.com/forum/156547/difference-between-max-width-and-width-as-well-as-max-height-and-height) other [attributes](https://www.mindstick.com/articles/13105/2-attributes-that-make-your-odoo-ecommerce-theme-productive-and-engaging) to determine the height, width etc. IFrames are useful for a wide variety of content and especially for in-site [navigation](https://www.mindstick.com/blog/62/different-navigation-in-asp-dot-net) where you can use on to load pages or code snippets dynamically on a page without being an AJAX programmer and without using any [javascript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript).In this article I [am trying](https://answers.mindstick.com/qa/36834/which-two-programming-languages-should-i-master-in-if-i-am-trying-to-get-into-google-or-facebook) to show you that how we can use iframe tag.\

##### Element-specific attribute

##### height

Specifies the height of the iframe

##### name

Specifies the name of the iframe

##### sandbox

Specifies [restrictions](https://www.mindstick.com/news/3098/us-considering-new-restrictions-on-ai-chip-exports-to-china) to the frame content

##### seamless

Specifies that the iframe should be seamlessly [integrated](https://www.mindstick.com/forum/33532/handler-pagehandlerfactory-integrated-has-a-bad-module-managedpipelinehandler-in-its-module-list) in the document

##### src

Specifies the URL of the document to show in the iframe

##### srdoc

Specifies the HTML of the document showing in the iframe

##### width

Specifies the width of the iframe.

In this article I am using two iframe tags, first one for [MINDSTICK](https://yourviews.mindstick.com/story/1230/top-beneficial-service-pages-of-mindstick-company) and second for [GOOGLE as](https://yourviews.mindstick.com/view/87911/google-as-your-sales-channel-easy-strategies-for-beginners) shown below:

```
<body>     <form id="form1" runat="server">   <iframe src="http://www.mindstick.com" width="300" height="500" frameborder="1" scrolling="no" ></iframe> <%--using iframe tag and we have to specifiy the URL of the document to show in the iframe --%>   <iframe src="http://www.google.com"  width="300"  height="500" ></iframe>     </form></body>
```

##### Screenshot

![HTML 5 iframe tag](https://www.mindstick.com/mindstickarticle/0aa0ca24-087a-40de-9303-253cbdbe5407/images/298cc0b4-7913-46c0-bf9a-4028507b63d4.png)

---

Original Source: https://www.mindstick.com/articles/573/html-5-iframe-tag

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
