
Un iframe en HTML (o "inline frame") es un elemento que permite incrustar otro documento HTML dentro de la página actual. Es como una ventana dentro de una página web que carga otro contenido, el cual puede ser una página web completa, un video, una imagen, o cualquier otro recurso externo.
El elemento <iframe> es útil para integrar contenido externo sin que se mezcle con el contenido del documento principal. Se utiliza con frecuencia para incrustar cosas como videos de YouTube, mapas, o incluso otros sitios web.
Temas tratados en esta entrada
Ejemplo de un iframe
Un iframe (inline frame) es un elemento HTML que permite incrustar otro documento HTML dentro de la página actual. Esto puede ser útil para mostrar contenido externo, como un video, un mapa o incluso otro sitio web completo, sin que el usuario tenga que abandonar la página.
El iframe se define utilizando la etiqueta <iframe>
, la cual incluye el atributo
src
para indicar
la URL del contenido que queremos incrustar. También podemos definir el tamaño del iframe mediante
los atributos width
y
height
.
Aquí tienes la sintaxis básica de un iframe:
<iframe src="URL_del_contenido" width="1200" height="400"></iframe>
En este caso, el contenido externo especificado por la URL se mostrará dentro del iframe con un tamaño de 600 píxeles de ancho y 400 píxeles de alto.
A continuación, te mostramos un ejemplo funcional que incrusta un video de YouTube desde el canal de "FrioyElectronica".
Ejemplo
El siguiente es un ejemplo de un iframe que muestra un video de YouTube desde el canal de "FrioyElectronica":
El código para incrustar este video es el siguiente:
<iframe width="424" height="238" src="https://www.youtube.com/embed/ne4e48l-_1w"
title="FrioyElectronica" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen></iframe>
...
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias