logo

TechCodeview

Marcos flotantes HTML

Los iframes HTML ofrecen una manera poderosa de incrustar contenido externo, como videos, mapas u otras páginas web, directamente en su propia página web. Este artículo proporciona una exploración en profundidad de los iframes HTML, su sintaxis y cómo se pueden utilizar para mejorar sus proyectos de desarrollo web.

¿Qué son los iframes HTML?

Un iframe es un documento HTML incrustado dentro de otro documento HTML. El>

  • The src attribute specifies the URL of the document you want to embed.>
  • Iframes can include videos , maps , or entire web pages from other sources.>

Attributes Value:>



It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an .permitir pantalla completaIndica si el|_+_|se puede mostrar en modo de pantalla completa.permitir solicitud de pagoPermite solicitudes de pago por contenido dentro del|_+_|. altura Establece la altura del|_+_|elemento. ancho Establece el ancho de la|_+_|elemento.cargandoEspecifica cómo el contenido del|_+_|debe cargarse. desplazamiento Controla si el|_+_|debería tener barras de desplazamiento. nombre Especifica el nombre del|_+_|para orientar su contenido o para hacer referencia a él en JavaScript. política de referencia Establece la política de referencia para el|_+_|contenido. salvadera Especifica un conjunto adicional de restricciones para el contenido del|_+_|. src Especifica la URL del documento para incrustar en el|_+_|. srcdoc Especifica el contenido HTML de la página que se mostrará en el|_+_|.

Ejemplos de marcos flotantes HTML

Ejemplo 1: Este ejemplo ilustra el uso de un etiqueta de marco flotante que se utiliza para mostrar una página web dentro de la página web actual.

matemáticas java
HTML |_+_|

Producción:


HTML-Iframe-2

Ejemplo de salida de marcos flotantes HTML


2. Usando los atributos Alto y Ancho:

Los atributos de alto y ancho se utilizan para especificar el tamaño del iframe. Los valores de los atributos se especifican en píxeles de forma predeterminada. Puede utilizar píxeles o porcentajes (por ejemplo, 80%).

Ejemplo : Este ejemplo describe la Etiqueta de marco flotante HTML configurando el ancho y alto del iframe.

emojis de iphone en un teléfono android
HTML |_+_|

Producción:


HTML-Iframe-2

Ejemplo de salida de marcos flotantes HTML


3. Eliminar bordes del iframe

De forma predeterminada, el iframe tiene un borde alrededor. Para eliminar el borde, debemos usar el atributo de estilo y usar el propiedad de borde CSS .

Ejemplo : Este ejemplo describe la etiqueta HTML iframe donde la propiedad de borde se establece como ninguno .

HTML |_+_|

Producción:


HTML-Iframe-3

Ejemplo de salida de marcos flotantes HTML

lista de matrices de clasificación java


4. Estilo del borde del iframe

Cambiar el tamaño, estilo y color del borde del Iframe.

Ejemplo : Este ejemplo describe la etiqueta HTML iframe especificando el estilo del borde.

HTML |_+_|

Producción:


HTML-Iframe-4

Ejemplo de salida de estilo de borde de marcos flotantes HTML


5. Destino de iframe en enlace

Se puede utilizar un iframe como marco de destino para un enlace. El atributo de destino del enlace debe hacer referencia al atributo de nombre del iframe.

Ejemplo 5: Este ejemplo describe la etiqueta HTML iframe utilizando el marco de destino de un enlace.

HTML |_+_|etiqueta y sus atributos, puede aprovechar los iframes para mejorar la funcionalidad y la experiencia del usuario de sus proyectos web.



>