Para el Taller de HTML del Club Docente Digital 3.0

1. El
Aprende a integrar videos, presentaciones o
paginas web de otros en la tuya

2. ¿Qué es un iframe?
• Iframe es la abreviatura de Inline Frame
(marco incorporado, en inglés), permite
traer un documento dentro de un marco

3. ¿Qué puedo hacer con un iframe?
• Integrar un documento, un
vídeo de Youtube, un
apresentación o el
contenido de otra página
web, y poder verlo sin
problema.

4. ¿Qué hace un iframe?
• Puede integrar el contenido en cualquier lugar
dentro de tu página, sin tener que incluirlos en la
estructura de tu diseño web, como un elemento
tradicional.
• Sin embargo, el exceso de usar el iFrame, pone
lenta tu página. y ser un riesgo para la seguridad.

5. ¿Cómo usar el iframe?
• Para insertar un iFrame se usa la etiqueta
<iframe> en un documento HTML. Copia
el código siguiente, pégalo en el bloc de
notas y guarda el archivo en formato .html:

6. Lógica del iframe
<iframe width=“…" height=“…" src="http…"
frameborder="0" atributos ></iframe>

8. Iframe youtube
<iframe width=“…" height=“…" src="https…"
frameborder="0" allowfullscreen></iframe>

9. Iframe slideshare
<iframe
src="//www.slideshare.net/slideshow/embed_co
de/key/s74R1E6jOMFaTa" width="595"
height="485" frameborder="0" marginwidth="0"
marginheight="0" scrolling="no"
style="border:1px solid #CCC; border-width:1px;
margin-bottom:5px; max-width: 100%;"
allowfullscreen> </iframe> <div style="margin-
bottom:5px"> <strong> <a
href="//www.slideshare.net/DocentesDigitales/w
ord-a-web" title="Word a web"
target="_blank">Word a web</a> </strong> from
<strong><a
href="https://www.slideshare.net/DocentesDigita
les" target="_blank">Club Docente
Digital</a></strong> </div>

10. Iframe otras web