Para mostrar información de varias fuentes en una sola página, a menudo se utiliza el mecanismo de división de páginas HTML. A continuación se muestra una descripción de las construcciones del lenguaje para insertar marcos.
Necesario
Conocimientos básicos de HTML
Instrucciones
Paso 1
El lenguaje de marcado de hipertexto (HTML) proporciona dos tipos de marcos. Flotar es más flexible y más fácil de insertar en una página existente. En general, la construcción que describe un marco de ventana usando un marco flotante se ve así: Aquí, la página principal de un sitio existente se especifica como la fuente de datos para este marco (atributo src). Se abrirá en un marco de 400 x 300 píxeles, como se especifica en los atributos de ancho y alto. También puede especificar la página de su sitio en el atributo src. En este caso, basta con especificar una dirección relativa (es decir, la dirección relativa a la página en la que se inserta el marco): En esta muestra, no se especifica el ancho y el alto del marco, pero hay un id identificador de atributo. Usándolo, puede usar CSS () para establecer las dimensiones requeridas para este marco:
#frameOne {ancho: 700px; altura: 200px;}
Paso 2
Otro tipo de marcos, el "clásico", requiere una página separada, que contendrá una descripción de la estructura del marco. Los marcos en sí estarán en páginas separadas, tal vez incluso en sitios separados. El código HTML para una página de contenedor de marcos de este tipo podría tener este aspecto:
No debería haber ningún … y … bloques necesarios para páginas normales. En este ejemplo, la etiqueta de apertura del contenedor contiene un atributo de filas, lo que significa que el espacio de la página debe dividirse verticalmente y la parte superior se asignará al primer marco. Si reemplaza filas con columnas, entonces la división será horizontal. El valor de este atributo "*, *" indica que las proporciones de división son iguales: 50% cada una. Si especifica, por ejemplo, "20%, *", solo el 20% se asignará al primer fotograma y el resto del espacio al segundo. El usuario puede cambiar estas proporciones arrastrando los bordes de los fotogramas con el mouse, pero es posible deshabilitar esta acción. Para hacer esto, agregue el atributo noresize a la etiqueta de un marco específico. También puede especificar el tamaño de las sangrías verticales y horizontales del marco adyacente (los atributos marginwidth y marginheight): es posible establecer las reglas de comportamiento para las barras de desplazamiento de cada marco por separado. Para ello, se utiliza el atributo de desplazamiento, que puede contener uno de los tres valores predefinidos. Si se especifica, aparecerán barras de desplazamiento cuando el contenido del marco no se ajuste a sus bordes. En caso afirmativo, las rayas estarán presentes todo el tiempo, independientemente de su necesidad. Si "no", significará que no se permitirán las barras de desplazamiento para este marco.
Paso 3
Según la información proporcionada en los dos pasos anteriores, debe diseñar el código html que sea más adecuado para resolver su problema. Después de eso, todo lo que queda es insertarlo en el código fuente de la página. Para hacer esto, puede usar el editor de páginas del sistema de administración de su sitio: abra la página deseada en él, cambie al modo de edición de código html y pegue su código en el lugar deseado de la página. Alternativamente, puede descargar el archivo de código fuente de la página mediante el administrador de archivos de administración de alojamiento o el sistema de administración de contenido, abrirlo en un editor de texto y pegar el código en él. Y luego, de la misma manera, cargue el código modificado de nuevo en el servidor.
