En este artículo, crearemos un iframe en línea usando una etiqueta <iframe> en un documento.
Representa un área rectangular fija dentro del documento en la que el navegador puede mostrar un documento separado junto con barras de desplazamiento y bordes. Los marcos en línea se utilizan para incrustar otro documento dentro de la página HTML actual.
Sintaxis:
<iframe src="URL"></iframe>
Ejemplo:
<!DOCTYPE html> <html> <head> <title> How to create an inline frame using HTML5? </title> </head> <body> <h2>Hlo GeeksForGeeks</h2> <h2> How to create an inline frame using HTML5? </h2> <p>Content goes here</p> <iframe src= "https://ide.geeksforgeeks.org/tryit.php" height="300" width="400"> </iframe> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> How to create an inline frame using HTML5? </title> </head> <body> <h2>Hlo GeeksForGeeks</h2> <h2> How to create an inline frame using HTML5? </h2> <iframe height="300" width="350" src=" https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190717121605/Screenshot-from-2019-07-17-12-12-55.png" name="iframe_a"></iframe> </body> </html>
Producción:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA