in

Iframes HTML – javatpoint

html iframes

HTML Iframe se utiliza para mostrar una página web anidada (una página web dentro de una página web). La etiqueta HTML

Un iframe HTML incrusta otro documento dentro del documento HTML actual en la región rectangular.

El contenido de la página web y el contenido del iframe pueden interactuar entre sí mediante JavaScript.

Sintaxis de iframe

Un iframe HTML se define con la etiqueta

Aquí, el atributo «src» especifica la dirección web (URL) de la página del marco en línea.

Establecer ancho y alto de iframe

Puede establecer el ancho y el alto del iframe mediante los atributos «ancho» y «alto». De forma predeterminada, los valores de los atributos se especifican en píxeles, pero también puede establecerlos en porcentaje. es decir, 50%, 60%, etc.

Ejemplo: (píxeles)

Ejemplo de iframes HTML

Utilice los atributos de alto y ancho para especificar el tamaño del iframe:


Pruébelo ahora

Ejemplo: (porcentaje)

Iframes HTML

Puede usar los atributos de alto y ancho para especificar el tamaño del iframe:


Pruébelo ahora

También puede usar CSS para establecer la altura y el ancho del iframe.

Ejemplo:

Iframes HTML

Utilice las propiedades de alto y ancho de CSS para especificar el tamaño del iframe:


Pruébelo ahora


Eliminar el borde del iframe

De forma predeterminada, un iframe contiene un borde a su alrededor. Puede eliminar el borde utilizando el atributo


Pruébelo ahora

También puede cambiar el tamaño, el color y el estilo del borde del iframe.

Ejemplo:


Pruébelo ahora


Objetivo de marco flotante para un enlace

Puede establecer un marco de destino para un enlace mediante iframe. El atributo de destino especificado del enlace debe hacer referencia al atributo de nombre del iframe.

Ejemplo:


Pruébelo ahora

Producción

Iframes HTML

código de salida new.hmtl:

<!DOCTYPE html>
<html>
<head>
	<style>

	p{ font-size: 50px;
         color: red;}
</style>
</head>
<body style="background-color: #c7f15e;">
  <p>This is a link  below the ifarme click on link to open new iframe. </p>
</body>
</html>

Insertar video de YouTube usando iframe

También puede agregar un video de YouTube en su página web usando la etiqueta

A continuación, se muestran algunos pasos para agregar videos de YouTube en su página web:

  • Vaya al video de YouTube que desea incrustar.
  • Haz clic en COMPARTIR ➦ debajo del video.
  • Haga clic en la opción Insertar .
  • Copie el código HTML.
  • Pega el código en tu archivo HTML
  • Cambie la altura, el ancho y otras propiedades (según el requisito).

Ejemplo:

Pruébelo ahora

Producción:

Iframes HTML

Atributos de

Nombre del Atributo Valor Descripción
permitir pantalla completa Si es cierto, entonces ese marco se puede abrir en pantalla completa.
altura Pixeles Define la altura del iframe incrustado y la altura predeterminada es 150 px.
nombre texto Le da el nombre al iframe. El atributo de nombre es importante si desea crear un enlace en un marco.
Frontera del marco 1 o 0 Define si el iframe debe tener un borde o no. (No compatible con HTML5).
Ancho Pixeles Define el ancho del marco incrustado y el ancho predeterminado es 300 px.
src URL El atributo src se utiliza para dar el nombre de la ruta o el nombre del archivo qué contenido se cargará en el iframe.
salvadera
Este atributo se utiliza para aplicar restricciones adicionales al contenido de la trama.
permisos-formularios Permite el envío del formulario si no se utiliza esta palabra clave, entonces el envío del formulario está bloqueado.
permitir ventanas emergentes Habilitará las ventanas emergentes y, si no se aplica, no se abrirá ninguna ventana emergente.
permitir-scripts Permitirá que se ejecute el script.
permitir-mismo-origen Si se utiliza esta palabra clave, el recurso incrustado se tratará como descargado de la misma fuente.
srcdoc El atributo srcdoc se utiliza para mostrar el contenido HTML en el iframe en línea. Anula el atributo src (si un navegador lo admite).
desplazarse
Indica que el navegador debe proporcionar una barra de desplazamiento para el iframe o no. (No compatible con HTML5)
auto La barra de desplazamiento solo se muestra si el contenido del iframe es más grande que sus dimensiones.
Siempre muestra la barra de desplazamiento para el iframe.
no Nunca muestra la barra de desplazamiento para el iframe.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentarios PHP

Java: la interfaz de enumeración