Cómo agregar iframes en HTML

El lenguaje de marcado de hipertexto, también conocido como HTML, es un lenguaje que se utiliza con el propósito de construir estructuras fundamentales de las páginas web. Proporciona muchas características distintivas que hacen que su sitio web sea más interactivo. Una de esas características es el marco HTML iframe o HTML en línea. Cavemos en los detalles de iframes.

Html iframe

Html iframe le permite agregar un documento externo a su documento HTML, por ejemplo, una página web dentro de una página web. El documento que está integrado es independiente de los elementos circundantes. Para agregar un iframe en su documento HTML actual, el

La URL en la sintaxis denota la ubicación del documento externo que desea incrustar en su página web actual.

Ejemplo
En el siguiente ejemplo, estamos integrando un documento externo en nuestro archivo HTML.

Producción
La página web externa se ha integrado en la página web HTML actual.

Así es como puede incluir un iframe en su página web HTML.

Ajustar la altura y el ancho de un iframe

Como puede ver en la captura de pantalla anterior, hay una cierta altura y ancho del nombre. La altura y el ancho del nombre de iframe se pueden solucionar de acuerdo con su deseo. Aquí hay un ejemplo de ajustar la altura y el ancho de un inframe.

Ejemplo
En el siguiente ejemplo, hemos establecido la altura y el ancho de un iframe usando atributos HTML.

En el ejemplo anterior, hemos establecido el ancho del iframe en 600 y la altura a 200.

Producción

La altura y el ancho del nombre de iframe que se muestra en la salida se ha ajustado utilizando los atributos HTML.

Otro enfoque para hacer esto es mediante el uso de CSS. Aquí hay un ejemplo de establecer la altura y el ancho de un html iframe usando CSS.

Ejemplo

Producción

La altura y el ancho del nombre de iframe que se muestra en la salida se ha ajustado usando CSS.

Ajustando bordes de

En el ejemplo anterior, utilizando la propiedad del borde de CSS, hemos establecido el borde del iframe 5px junto con el color negro sólido.

Producción

Se ha ajustado el borde del nombre que se muestra en la salida.

Iframes como hipervínculos objetivo

Un iframe se puede usar como un hipervínculo de destino que significa que usar iframe como hipervínculos de destino Un usuario puede ver el enlace proporcionado en una página HTML en ese iframe en lugar de abrirlo en una nueva ventana. Con el fin de hacerlo, establezca el atributo de destino de la etiqueta como el atributo de nombre del iframe.

Ejemplo

Visita Linuxhint.comunicarse

En el ejemplo anterior, hemos incrustado una página web en una página web HTML, además, hemos usado iframe como un hipervínculo objetivo. Como puede ver, hemos establecido el atributo de destino de la etiqueta igual que el atributo de nombre del iframe. Al hacerlo, cuando hace clic en el hipervínculo, se abrirá en el mismo iframe en lugar de una nueva ventana.

Producción

Haga clic en el hipervínculo y se abrirá en el nombre.

El hipervínculo que se muestra en la salida se abrirá en el inframe.

Siguiendo los enfoques mencionados anteriormente, puede agregar un iframe en su página web HTML.

Conclusión

Para agregar un iframe en su documento HTML, use la etiqueta HTML. Se utiliza Iframe Short para marcos en línea para agregar páginas web externas en su página web HTML actual. Estos iframes son independientes de los elementos circundantes de una página web. La altura y el ancho de un iframe se pueden ajustar de acuerdo con su deseo, además, los iframes se pueden usar como hipervínculos objetivo. Este artículo discute en profundidad, cómo agregar iFrames en HTML usando ejemplos adecuados.