El lenguaje de marcado de hipertexto (HTML) ofrece la posibilidad de dividir una página en varias ventanas: "marcos". Cada uno de los marcos puede tener su propia fuente de Internet para mostrar. Este mecanismo se puede utilizar para insertar páginas de otros sitios en páginas de su sitio.
Es necesario
Editor de texto Bloc de notas
Instrucciones
Paso 1
El código HTML de una página es un conjunto de instrucciones para el navegador que indica en qué lugar de la página debe mostrarse cada uno de sus elementos y cómo debe verse. Estas instrucciones se denominan "etiquetas" y para crear una página que contenga una o más, debe escribir el conjunto de etiquetas apropiado. Comenzamos con las etiquetas que crean un contenedor para todos los marcos de la página:
Estas son las etiquetas de apertura y cierre del contenedor; las etiquetas que forman los marcos deberán colocarse entre ellas. En HTML, las etiquetas tienen "atributos": contienen información adicional sobre las propiedades del elemento de la página, cuya visualización especifica esta etiqueta. En la etiqueta de apertura del contenedor, debe especificar un atributo que contenga información sobre cómo el navegador debe dividir el espacio de la página entre sus marcos:
El atributo "cols" en este ejemplo de código especifica que la página debe dividirse verticalmente en dos marcos, el izquierdo ocupando el 20% del ancho de la ventana y el derecho el 80%. Si en lugar del atributo "cols" especificas el atributo "filas", la página se dividirá horizontalmente:
En lugar de un número, puede escribir un asterisco (*):
Esto significará que al segundo fotograma se le dará todo el espacio restante. Los tamaños de fotograma se pueden especificar no en porcentajes, sino en unidades de medida que se utilizan con más frecuencia en el diseño de página, en "píxeles":
Paso 2
La etiqueta HTML del marco en sí, que debe colocarse en el contenedor, se escribe de la siguiente manera: El atributo "src" de la etiqueta "marco" contiene la dirección de la página web que el navegador debe cargar en este marco. Una dirección escrita de esta manera se llama "absoluta" - comienza con el protocolo https://. Pero si esta es una página de su propio sitio y se encuentra en la misma carpeta (o subcarpeta), entonces no necesita especificar la dirección absoluta, solo el nombre del archivo y la ruta a la subcarpeta serán suficientes. Dicha dirección se llamará "relativa": - Los bordes entre los marcos de la página se pueden mover de forma predeterminada con el mouse. Esta característica está deshabilitada por el atributo noresize: - Hay dos atributos que determinan el tamaño de los márgenes entre los fotogramas - marginheight establece el margen vertical (superior e inferior) y el marginwidth - horizontalmente (derecho e izquierdo): - Usando otro atributo - "desplazamiento": puede indicarle al navegador las reglas para las barras de desplazamiento del marco: El valor "automático" especifica que las barras de desplazamiento deben aparecer según sea necesario, es decir, cuando el contenido no cabe dentro del marco. Si establece el valor en "sí", este marco siempre tendrá barras de desplazamiento, y el valor "no", por el contrario, impide la visualización de barras de desplazamiento. Si las páginas contenidas en el contenedor funcionan con cualquier script JavaScript que realizar operaciones en tramas adyacentes, puede ser necesario distinguir las tramas por su nombre. El atributo que contiene el nombre del marco se llama nombre:
Paso 3
Estas definiciones HTML son suficientes para crear una página simple a partir de varias páginas de otros sitios. Para hacer esto, necesitará cualquier editor de texto, por ejemplo, un Bloc de notas estándar. En él, cree un nuevo documento y escriba estas etiquetas html:
Luego, guarde este código con una extensión htm o html, por ejemplo, test.html. Todo está listo, si abre este documento con un navegador, el resultado se verá así:
Paso 4
Hay otro tipo de marco: "flotante". Puede ubicarse dentro de una página normal, no dividida en marcos. Dicho marco tiene atributos adicionales de ancho y alto que definen sus dimensiones. El código de esta etiqueta puede verse así:
