Successfully reported this slideshow.
Your SlideShare is downloading. ×

(HTML) Códigos del iframe para tu web

Ad

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

Ad

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

Ad

¿Qué puedo hacer con un iframe?
• Integrar un documento, un
vídeo de Youtube, un
apresentación o el
contenido de otra pági...

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Upcoming SlideShare
Presentacion30514215
Presentacion30514215
Loading in …3
×

Check these out next

1 of 22 Ad
1 of 22 Ad
Advertisement

More Related Content

Advertisement
Advertisement

(HTML) Códigos del iframe para tu web

  1. 1. El Aprende a integrar videos, presentaciones o paginas web de otros en la tuya
  2. 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. 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. 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. 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. 6. Lógica del iframe <iframe width=“…" height=“…" src="http…" frameborder="0" atributos ></iframe>
  7. 7. Iframe youtube <iframe width=“…" height=“…" src="https…" frameborder="0" allowfullscreen></iframe>
  8. 8. 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>
  9. 9. Iframe otras web
  10. 10. • <iframe • src="http://docentedigital.club/" • width="718" • height="485" • frameborder="2" • allowfullscreen> • </iframe> • &nbsp • &nbsp • &nbsp; • <iframe • src="http://aspesi.net/" • width="742" • height="485" • frameborder="2" • allowfullscreen> • </iframe> 3 espacios

×