lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

lesson17Title

webLightBasicChapter1Title

webLightBasicChapter2Title

webLightBasicChapter3Title

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans"
      rel="stylesheet"
    />

    <title>`iframe` Tag Example</title>
  </head>

  <body>
    
    <iframe src="https://example.com" width="500" height="300"></iframe>

    
    <iframe
      src="https://www.codefriends.net/hello"
      style="border: none;"
      width="400"
      height="400"
    ></iframe>
  </body>
</html>

# iframe Tag

The `iframe` tag is used to display another web page within the current web page.

<br />

```html title="iframe Tag Example"
<iframe src="https://example.com" width="500" height="300"></iframe>
```

Using this code, the `example.com` web page will be displayed within a 500x300 pixel area of the current page.

<br />

## Main Attributes of the iframe Tag

### `src`

- The `src` attribute specifies the URL of the web page to embed.

- Code Example:

  ```html title="iframe src Attribute Example"
  <iframe src="https://example.com"></iframe>
  ```

<br />

### `width` & `height`

- The `width` and `height` attributes specify the size of the `iframe`.

- Code Example:

  ```html title="iframe width & height Attributes Example"
  <iframe src="https://example.com" width="400" height="250"></iframe>
  ```

<br />

### `frameborder`

- The `frameborder` attribute specifies whether or not to display a border around the `iframe`. However, modern web browsers no longer recommend using this attribute, and it's advisable to use the CSS `border` property instead.

- Code Example:

  ```html title="iframe frameborder Attribute Example"
  
  <iframe src="https://example.com" frameborder="0"></iframe>

  
  <iframe src="https://example.com" style="border: none;"></iframe>
  ```

<br />

## How to Use It?

The `iframe` tag is commonly used to include videos (e.g., YouTube), maps (e.g., Google Maps), and external websites within a web page.