HTML - Iframes

Puede definir un marco en línea con etiqueta HTML <iframe>. La etiqueta <iframe> no está relacionada de alguna manera con la etiqueta <frameset>, en cambio, puede aparecer en cualquier parte de su documento. La etiqueta <iframe> define una región rectangular dentro del documento en la que el navegador puede mostrar un documento separado, incluidas las barras de desplazamiento y los bordes. Un marco en línea se utiliza para incrustar otro documento dentro del documento HTML actual.

los src El atributo se utiliza para especificar la URL del documento que ocupa el marco en línea.

Ejemplo

A continuación se muestra el ejemplo para mostrar cómo usar el <iframe> -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Iframes</title>
   </head>
	
   <body>
      <p>Document content goes here...</p>
      
      <iframe src = "/html/menu.htm" width = "555" height = "200">
         Sorry your browser does not support inline frames.
      </iframe>
      
      <p>Document content also go here...</p>
   </body>
	
</html>

Esto producirá el siguiente resultado:

Los atributos de etiqueta <Iframe>

La mayoría de los atributos de la etiqueta <iframe>, incluidos name, class, frameborder, id, longdesc, marginheight, marginwidth, name, scrolling, style y title se comportan exactamente como los atributos correspondientes de la etiqueta <frame>.

Note- Los atributos frameborder , marginwidth , longdesc , scrolling , marginheight están en desuso en HTML5. No utilice estos atributos.

No Señor	Atributo y descripción
1	src Este atributo se utiliza para dar el nombre del archivo que debe cargarse en el marco. Su valor puede ser cualquier URL. Por ejemplo, src = "/html/top_frame.htm" cargará un archivo HTML disponible en el directorio html.
2	name Este atributo le permite dar un nombre a un marco. Se utiliza para indicar en qué marco se debe cargar un documento. Esto es especialmente importante cuando desea crear enlaces en un marco que cargan páginas en otro marco, en cuyo caso el segundo marco necesita un nombre para identificarse a sí mismo como el destino del enlace.
3	frameborder Este atributo especifica si se muestran o no los bordes de ese marco; anula el valor dado en el atributo frameborder en la etiqueta <frameset> si se da uno, y esto puede tomar valores de 1 (sí) o 0 (no).
4	marginwidth Este atributo le permite especificar el ancho del espacio entre la izquierda y la derecha de los bordes del marco y el contenido del marco. El valor se da en píxeles. Por ejemplo, marginwidth = "10".
5	marginheight Este atributo le permite especificar la altura del espacio entre la parte superior e inferior de los bordes del marco y su contenido. El valor se da en píxeles. Por ejemplo, marginheight = "10".
6	height Este atributo especifica la altura de <iframe>.
7	scrolling Este atributo controla la apariencia de las barras de desplazamiento que aparecen en el marco. Esto toma los valores "sí", "no" o "auto". Por ejemplo scrolling = "no" significa que no debería tener barras de desplazamiento.
8	longdesc Este atributo le permite proporcionar un enlace a otra página que contiene una descripción larga del contenido del marco. Por ejemplo, longdesc = "framedescription.htm"
9	width Este atributo especifica el ancho de <iframe>.

↰ Previous page Next page ↱