lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

lesson17Title

webLightBasicChapter1Title

webLightBasicChapter2Title

webLightBasicChapter3Title

# iframe 태그

`iframe` 태그는 웹 페이지 내에 다른 웹 페이지를 표시하는 태그로, 웹사이트 내에 외부 동영상(예: 유튜브), 지도(예: 구글지도), 외부 웹사이트 등을 포함시킬 때 사용합니다.

```html title="iframe 태그 예시"
<iframe src="https://example.com" width="500" height="300"></iframe>
```

위 예시 코드는 사용하면 `example.com` 웹 페이지가 현재 페이지의 `500x300` 크기의 영역 안에 표시됩니다.

<br />

## iframe 태그 주요 속성

`iframe` 태그는 다음과 같은 속성을 사용할 수 있습니다.

<br />

### `src`

`src` 속성은 임베드할 웹 페이지의 URL을 지정합니다.

```html title="iframe src 속성 예시"
<iframe src="https://example.com"></iframe>
```

<br />

### width와 height

`width`와 `height` 속성은 `iframe`의 크기를 지정합니다.

```html title="iframe width & height 속성 예시"
<iframe src="https://example.com" width="400" height="250"></iframe>
```

`src` 속성은 임베드할 웹 페이지의 URL을 지정하는 중요한 속성입니다. 이 속성을 사용하여 외부 웹 페이지를 현재 페이지에 포함시킬 수 있습니다.

### iframe 태그의 주요 속성 중 웹 페이지의 URL을 지정하는 속성은 무엇인가요?