Get started with the building blocks of HTML, the markup language at the core of the internet.

Web Essentials

HTML is used to design standard web pages by using multiple tags and it can be used with multiple assistive languages like CSS and Javascript. In this module, you will learn about HTML tags from scratch. This module will also teach you how to code and create your own web pages using HTML in this interactive web development module for beginners.

Hyper Text Markup Language (HTML)

The `iframe` tag in HTML creates an inline rectangular frame that allows another HTML document to be embedded inside the current one. In addition, it allows several attributes inside the tag. These attributes control properties such as the webpage to display, height, and width of the frame, allowing scrolling, borders, and margins.

The illustration below shows what is an `iframe` in `HTML`:

## Syntax

The basic syntax of an `iframe` tag is a follows:

## Attributes

The `iframe` tag allows several attributes that can be changed. We have listed some of them and their purpose below:

| Attribute  | Purpose  |
| - | - |
| `src`  | Refers to the URL of the webpage to be embedded.  |
| `height`  | Changes the height of the frame. Values are in pixels  |
| `width`  | Changes the width of the frame. Values are in pixels.  |
| `frameborder`  | Allows border to be added or removed. Takes in the value of either 1 (yes) or 0 (no).   |
|`marginwidth` | Controls the width from the borders to the frame content. Values are in pixels|
|`marginheight` | Controls the height from the borders to the frame content. Values are in pixels|
|`scrolling`| Controls whether the frame should have scrollbars or not. Takes in the value of either "yes", "no," or "auto". |

> Not every webpage can be added inside an `iframe`. Browser security restricts most web pages from being added inside an `iframe` in another HTML document.
## Example

The code below shows how an `iframe` works:

> `Line 5` outputs a heading to differentiate the `iframe` from the rest of the HTML document. 

> `src` attribute holds the webpage URL to embed.

> `width` and `height` have been adjusted accordingly. 

# Syntax

The basic syntax of an `iframe` tag is a follows:

# Attributes

The `iframe` tag allows several attributes that can be changed. We have listed some of them and their purpose below:

| Attribute  | Purpose  |
| - | - |
| `src`  | Refers to the URL of the webpage to be embedded.  |
| `height`  | Changes the height of the frame. Values are in pixels  |
| `width`  | Changes the width of the frame. Values are in pixels.  |
| `frameborder`  | Allows border to be added or removed. Takes in the value of either 1 (yes) or 0 (no).   |
|`marginwidth` | Controls the width from the borders to the frame content. Values are in pixels|
|`marginheight` | Controls the height from the borders to the frame content. Values are in pixels|
|`scrolling`| Controls whether the frame should have scrollbars or not. Takes in the value of either "yes", "no," or "auto". |

> Not every webpage can be added inside an `iframe`. Browser security restricts most web pages from being added inside an `iframe` in another HTML document.
# Example

The code below shows how an `iframe` works:

> `Line 5` outputs a heading to differentiate the `iframe` from the rest of the HTML document. 

> `src` attribute holds the webpage URL to embed.

> `width` and `height` have been adjusted accordingly. 

Before We Begin

HTML Tags

Semantic Web Page Layout with HTML

Self Evaluation

Conclusion

<iframe>

Syntax

Attributes