HTML Iframe se utiliza para mostrar una página web anidada (una página web dentro de una página web). El 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.
matemáticas java
Sintaxis de marco flotante
Un iframe HTML se define con el
<iframe src="URL"></iframe>
Aquí, el atributo 'src' especifica la dirección web (URL) de la página del marco en línea.
Establecer ancho y alto del iframe
Puede establecer el ancho y el alto del iframe utilizando los atributos 'ancho' y 'alto'. De forma predeterminada, los valores de los atributos se especifican en píxeles, pero también puede configurarlos en porcentaje. es decir, 50%, 60%, etc.
emojis de iphone en un teléfono android
Ejemplo: (píxeles)
<h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Pruébalo ahora
Ejemplo: (Porcentaje)
<h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Pruébalo ahora
También puedes usar CSS para establecer la altura y el ancho del iframe.
Ejemplo:
<h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Pruébalo ahora
Eliminar el borde del iframe
De forma predeterminada, un iframe contiene un borde a su alrededor. Puede eliminar el borde utilizando el atributo y la propiedad de borde CSS.
Ejemplo:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Pruébalo ahora
También puede cambiar el tamaño, color y estilo del borde del iframe.
Ejemplo:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Pruébalo ahora
Destino de marco flotante para un enlace
Puede establecer un marco de destino para un enlace utilizando iframe. El atributo de destino especificado del enlace debe hacer referencia al atributo de nombre del iframe.
Ejemplo:
<h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>Pruébalo ahora
Producción
nuevo código de salida.hmtl:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> Insertar vídeo de YouTube usando iframe
También puede agregar un video de YouTube en su página web usando el
A continuación se detallan algunos pasos para agregar videos de YouTube en su página web:
- Vaya al vídeo de YouTube que desea insertar.
- Haga 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 los requisitos).
Ejemplo:
<iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>Pruébalo ahora
Producción:
lista de matrices de clasificación java
Atributos de
| Nombre del Atributo | Valor | Descripción |
|---|---|---|
| permitir pantalla completa | Si es cierto, entonces ese marco se puede abrir en pantalla completa. | |
| altura | Píxeles | 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 | Píxeles | Define el ancho del marco incrustado y el ancho predeterminado es 300 px. |
| src | URL | El atributo src se utiliza para proporcionar el nombre de la ruta o el nombre del archivo y qué contenido se cargará en el iframe. |
| salvadera | ||
| Este atributo se utiliza para aplicar restricciones adicionales para el contenido del marco. | ||
| permitir-formularios | Permite el envío del formulario. Si no se utiliza esta palabra clave, se bloquea el envío del formulario. | |
| permitir ventanas emergentes | Habilitará ventanas emergentes y, si no se aplica, no se abrirá ninguna ventana emergente. | |
| permitir-scripts | Permitirá que el script se ejecute. | |
| permitir-mismo-origen | Si se utiliza esta palabra clave, el recurso incrustado se considerará 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). | |
| desplazamiento | ||
| 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 muestra si el contenido del iframe es mayor que sus dimensiones. | |
| Sí | Siempre muestra la barra de desplazamiento para el iframe. | |
| no | Nunca muestra la barra de desplazamiento del iframe. |