34-Iframe en html

HTML



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.







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>



...

Publicar un comentario

0 Comentarios