Resumo HTML – Iframe

O que é a tag <iframe>?

A tag <iframe> é usada para incorporar outro site, vídeo, documento ou página HTML dentro da sua própria página. É como uma "janela" que mostra outro conteúdo.

📌 Sintaxe básica

<iframe src="URL" width="600" height="400"></iframe>

O atributo src define o conteúdo que será carregado dentro do iframe.

🎬 Exemplo 1: Incorporando um vídeo do YouTube

<iframe src="https://www.youtube.com/embed/ID-do-video"
  width="560" height="315" allowfullscreen></iframe>

🧩 Exemplo 2: Mostrando outra página HTML

Se você tiver um arquivo chamado outra-pagina.html no mesmo projeto, pode incorporá-lo assim:

<iframe src="outra-pagina.html" width="100%" height="300"></iframe>

🎨 Estilizando o iframe

Você pode personalizar o iframe com CSS para deixá-lo mais responsivo:

iframe {
  border: none;
  max-width: 100%;
}

⚠️ Cuidados com o uso de iframes