Cómo configurar un IFrame El uso de HTML

Un iframe es un inline, marco flotante que está incrustado en su página web y muestra una página Web diferente dentro del marco - que permite efectivamente a mostrar dos o más páginas Web al mismo tiempo. Funciona en la misma forma como marcos, pero en lugar de dividir la página en secciones, el marco de flota donde se inserta el código iframe en la página Web. El código iframe consta de tres partes: una abertura "<iframe>" etiqueta, atributos que se escriben en la etiqueta de apertura que definen la página que se muestra, la anchura y la altura, y un cierre etiqueta "</ iframe>".

Instrucciones

1 Abra la página Web en un editor de texto o HTML.

2 Haga clic para colocar el cursor en una línea en el código de la página Web en la que desea el iframe que se vea. Pulse la tecla "ENTER" para crear una línea en blanco.

3 Tipo "<iframe" para abrir la etiqueta iframe, a continuación, pulse la tecla "barra espaciadora" para crear un único espacio.

4 Tipo "src =" [webpagename.html] ' ", pero reemplazar el texto" [webpagename.html] "con el nombre de la página Web para mostrar en el marco. Este atributo define la página Web que se mostrará en el iframe. Por ejemplo, para mostrar una página denominada "menu.html" en el marco flotante, tipo "src =" menu.html ' ". Pulse la tecla "barra espaciadora" para crear un único espacio después de este atributo.

5 Tipo "width = 'x'", pero reemplazar la "x" con un número de píxeles o un porcentaje del contenedor primario para su uso como el ancho del marco flotante. Por ejemplo, para crear un iframe con un ancho de 200 píxeles, tipo "width =" 200 "". Para crear un iframe con una anchura de 80 por ciento del contenedor primario (un DIV, celda de tabla o de la página), el tipo "width = '80% '". Pulse la tecla "barra espaciadora" para crear un único espacio después de este atributo.

6 Tipo "height =" x "" pero debe reemplazar la "x" con el número de píxeles o un porcentaje del contenedor primario para su uso como la altura del iframe. Por ejemplo, para establecer la altura de 100 píxeles, tipo "height =" 100 "". Para ajustar la altura del iframe a 50 por ciento del contenedor primario, tipo "height = '50% '".

7 Tipo ">" para cerrar la etiqueta iframe.

8 Tipo "</ iframe>" para completar las etiquetas de marco flotante.

9 Haga clic en "Archivo" y "Guardar" para guardar la página Web con el nuevo código iframe.