Ejemplo de Iframe Con HTML

Inicio » HTML » Iframe con HTML

Un iframe es un marco flotante que puede estar colocado en cualquier parte de la página. La ventaja que tiene sobre los frames o marcos tradicionales es que se puede colocar donde sea necesario, sin partir la página en varias partes y además puede ser dinámico.

Las propiedades de un iframe son:

Con relación al scroll, podemos ponerlo automático, obligado o sin scroll
scrolling="auto", scrolling="YES", scrolling="NO",

Con respecto al borde podemos hacer que no lo tenga o que lo tenga:
frameborder="0", frameborder="1"

Es posible definir su altur y su anchura
height="300" width="300"

Y el ejemplo completo de iframe llamando a una página externa queda así:
<iframe scrolling="auto" src="https://www.ejemplode.com" frameborder="0" height="300" width="300"></iframe>

¿Cómo citar? & Del Moral, M. (s.f.). Ejemplo de Iframe Con HTML.Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/17-html/92-ejemplo_de_iframe_con_html.html

Escrito por:
Mauricio del Moral Durán
Mauricio del Moral, fundador y creador de Ejemplo de, es un experto en enseñanza y un apasionado del ámbito educativo desde el año 2007. Ha dedicado una considerable parte de su vida profesional al estudio y al desarrollo de contenidos educativos en formatos digitales de alta calidad. Poseedor de una Licenciatura en Ciencias de la Comunicación, Mauricio es egresado de la prestigiosa Universidad Intercontinental.
Última modificación: 2008-05-10

Últimos 10 comentarios

  1. Cómo haga para generar a través de un botón una imágen para insertar en otra pagina web con iframe, es mi pregunta.

    Gracias a quienquiera que tenga la respuesta a mi solicitud.
    Por pablo 2017-09-24 a las 7:00:56
  2. Buenos dias ! quisiera saber si alguien me puede ayudar en mi caso , tengo que elaborar un calendario litúrgico con las lecturas del día , ya tengo , el calendario con su index y 12 carpetas (1 por mes) con sus respectivas paginas que serian las lecturas correspondientes , el problema es que mi jefe me pide que sea una pagina responsive (que sea multipantallas y se adapte a celulares, tablts etc..)

    probando logre hacer responsive una pagina con una etiketa algo asi







    pero lo que no quiero es poner esa etiketa en las 365 paginas+ index entonces queria saber si ay una solucion mas facil ..

    mi jefe me dijo que un iframe me puede ayudar el problema es que no se como, ayudenme porfa
    Por Stuard el programador novato 2016-10-21 a las 21:18:26
  3. Para centrarlo debes utilizar las etiquetas
    CENTER.
    Por Morris 2015-05-04 a las 21:34:10
  4. Buenas!! tengo una duda. Bajé desde bootstrap.com una plantilla con su respectivo CSS y demás archivos para editarlo. Cuando quiero poner un vídeo de youtube copio el iframe y lo pego en el body, pero no puedo situarlo a la derecha de la pagina o a la izquierda. Puedo cambiar el ancho o el alto, pero la posición no =( AYUDA.
    Por Mariano 2015-05-04 a las 15:49:46
  5. Muy buen articulo, pero tengo una duda, como puedo hacer para que no me aparezca el mensaje de zona desconocida (mixto) ya que mi iframe tiene muestra de otra pagina en otro servidor.
    Por Alex 2012-09-25 a las 18:01:02
  6. Es posible definir su altura y su anchura
    height=\"300\" width=\"300\"
    pero si yo quiero que la pagina salga de la mitad asía bajo como se hace gracias por la ayuda ejemplo
    height=\"100 a 300\" width=\"150 a 300\"
    Por alex 2012-06-28 a las 21:08:49
  7. Gracias, muy útil, magnifica ayuda, gracias
    Por julio 2011-09-21 a las 5:57:04
  8. no sabia q existia parece ser una herramienta muy practica
    Por facu 2011-05-18 a las 21:47:37
  9. Sencillo y practico, solo falto un pequeño ejemplo
    Por checo 2011-05-06 a las 17:20:28
  10. Muy interesante, asi quedo en mi sitio http://www.bicigroup.com.ar
    Por roberto 2010-12-11 a las 20:37:51

Deja un comentario


Acepto la política de privacidad.