Cómo utilizar el conjunto de marcos en HTML

Concepto de marco:

El llamado marco consiste en dividir la página web en varios marcos y obtener varias URL al mismo tiempo. Simplemente es suficiente, y todas las etiquetas del marco deben colocarse en un archivo html combinado. Este archivo solo registra cómo se divide el marco y no mostrará ningún dato, por lo que no es necesario colocarlo en el etiqueta. Explorar El marco debe leer este archivo y no los archivos de otros marcos. se usa para dividir ventanas de marco. Cada ventana de marco está marcada por una etiqueta . debe usarse en el alcance de . Por ejemplo:

En este ejemplo, divide la pantalla en dos partes iguales, izquierda y derecha. a la derecha se muestra Up2u.html y el archivo me2.html se muestra a la derecha. Los cuadros marcados por la etiqueta siempre están en orden de arriba a abajo y de izquierda a derecha.

:

se denomina etiqueta de marco y se utiliza para declarar que el documento HTML está en modo marco y establecer cómo se divide la ventana.

solo establece los atributos de los parámetros en una determinada ventana de marco.

Configuración de parámetros:

Ejemplo:

COLS="90,*"

Corta la pantalla verticalmente (por ejemplo, en dos pantallas izquierda y derecha), acepta valores enteros y porcentajes, * significa ocupar el resto espacio. El número de valores representa el número de ventanas divididas y está separado por comas. Por ejemplo, COLS="30,*,50%" se puede dividir en tres ventanas. La primera ventana tiene un ancho de 30 píxeles y es una división absoluta. La segunda ventana es lo que queda después de asignar la primera y la tercera ventana. El espacio de abajo, la tercera ventana, ocupa el 50% de toda la pantalla y el ancho es una división relativa. Puedes ajustar los números tú mismo.

ROWS="120,*"

Es un corte horizontal, que separa la parte superior e inferior de la pantalla. La configuración de valores es la misma que la anterior. Solo los dos parámetros COLS y ROWS no deben estar en la misma etiqueta , porque a veces Netacape no puede mostrar este tipo de marco, por lo que debe utilizar múltiples divisiones.

frameborder="0"

Establezca el borde del marco, su valor es solo 0 y 1, 0 significa sin borde, 1 significa mostrar el borde. (Evita usar sí o no)

border="0"

Establece el grosor del borde del marco, en píxeles.

bordercolor="#008000"

Establece el color del borde del marco.

framespace="5"

Indica la distancia entre fotogramas para preservar el espacio en blanco.

Configuración de parámetros:

Ejemplo:

SRC="a.html"

Establece el marco que se mostrará en este marco Web Nombre del archivo de página, cada ventana de marco debe corresponder a un archivo de página web. Puede utilizar rutas absolutas o relativas; consulte Enlace avanzado para obtener detalles sobre ambas.

NAME="top"

Establezca el nombre de esta ventana de marco para que pueda especificar el marco para vincular. Debe tener un nombre arbitrario.

frameborder=0

Establezca el borde del marco, su valor es solo 0 y 1, 0 significa sin borde, 1 significa mostrar el borde. (Evita usar sí o no)

framespace="6"

Indica el espacio entre cuadros para preservar el espacio en blanco.

bordercolor="#008000"

Establece el color del borde del marco. Consulte el análisis HTML para conocer los valores de color.

scrolling="Auto"

Establezca si desea mostrar el desplazamiento, SÍ significa mostrar el desplazamiento, NO significa no mostrarlo de todos modos, AUTO significa mostrarlo según la situación .

noresize

La configuración no permite al usuario cambiar el tamaño de este marco y este parámetro no está configurado. El usuario puede tirar del marco para cambiar su tamaño a voluntad.

marginhight=5

Indica el espacio reservado en el borde de la altura del marco.

marginwidth=5

Indica el espacio reservado en el borde del ancho del marco.

: </p><p>Cuando el navegador utilizado por otros es demasiado antiguo y no admite la función de marco, lo que ven estará en blanco. Para evitar esta situación, puede utilizar la etiqueta <NOFRAMES> Cuando el navegador del usuario no puede ver el marco, verá el contenido entre <NOFRAMES> y en lugar de un espacio en blanco. Estos contenidos pueden ser palabras que recuerden a los usuarios que deben cambiar a un nuevo navegador, o incluso una página web sin marcos o una página que puede cambiar automáticamente a una versión sin marcos.

Método de aplicación:

Agregar etiqueta en el rango de etiquetas El siguiente es un ejemplo:

</p><p><body> </p><p>Lo sentimos, el navegador que estás utilizando no admite marcos. Cambia a un nuevo navegador. . </p><p></body> </p><p>

Si el navegador admite marcos, ignorará Sin embargo, si el El navegador no admite marcos, ya que no reconoce todas las etiquetas de marcos, se omitirán las etiquetas desconocidas y se interpretarán los elementos rodeados por las etiquetas, por lo que se mostrará el texto colocado en el rango <noframes>.</p><p></p><p><IFRAME>: </p><p>Esta etiqueta solo se aplica a IE. Su función es insertar una ventana de marco en medio de una página web para mostrar otro archivo. Es una etiqueta circundante, pero las palabras circundantes solo se mostrarán cuando el navegador no admita la etiqueta iframe. Como <noframes>, puede colocar algunas palabras recordatorias y similares. Generalmente es mejor usar un iframe con JavaScript que reconozca el navegador. Si JavaScript reconoce que el navegador no es Internet Explorer, cambiará a otra versión. </p><p>La configuración de los parámetros de <iframe> es la siguiente: </p><p>Ejemplo: <iframe src="iframe.html" name="test" align="MIDDLE" width="300 " height ="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </p><p>src="iframe.html" </p><p>¿Quieres mostrar aquí Además del nombre del archivo, el origen del archivo del marco debe incluir una ruta relativa o absoluta. </p><p>name="test" </p><p>El nombre de este marco, que es requerido por el parámetro de destino de la etiqueta de enlace, </p><p>align="MIDDLE" </p> <p>Los valores opcionales son izquierda, derecha, arriba, medio e inferior, que tienen poco efecto</p><p>width="300" height="100" </p><p>El ancho y largo de la ventana del marco, en píxeles. </p><p>marginwidth="1" marginheight="1" </p><p>El espacio reservado para el archivo insertado y el marco. </p><p>frameborder="1" </p><p>Utilice 1 para mostrar el borde, 0 para no mostrarlo. (Puede ser sí o no) </p><p>scrolling="Sí" </p><p>Utilice Sí para permitir el desplazamiento (predeterminado), No para no permitir el desplazamiento. </p><p>Ejemplo: Código fuente</p><p><center> <iframe src="/index.html" name="test" align="MIDDLE" width="300" height="100 " marginwidth="5" marginheight="5" frameborder="1"> </p><p>Lo siento, el navegador que estás utilizando no soporta IFrame y no puede navegar por mi página web normalmente.</p><p></iframe> </p><p></center> </p><p>Problema de paso de parámetros de conjunto de marcos</p><p>Cómo pasar el parámetro condicional a la izquierda para que pueda recibirse en el derecha</p><p> ------------------------------------------ -------- ------------------------------- </p><p>Nombra los tres fotogramas respectivamente: left.asp (muestra la página de condiciones de consulta, donde el nombre del marco es: izquierda), top.asp, main.asp (la página donde se muestran los resultados de la consulta, donde el nombre del marco es: principal) </p ><p>Por ejemplo: </p><p> <html> </p><p><head> </p><p><meta http-equiv="Content-Type" content="text/ html; charset=gb2312"> </p><p> <title>search</title> </p><p></head> </p><p><frameset rows="80,*" frameborder ="NO" border="0" framepacing="0" > </p><p><frame src="top.asp" name="top" scrolling="NO" noresize > </p><p> <frameset cols="80,*" frameborder="NO" border="0" framepacing="0"> </p><p><frame src="left.asp" name="left" scrolling="NO " noresize> </p><p><frame src= "main.asp" name="main"> </p><p></frameset> </p><p></frameset> </p ><p><noframes><body> </p> <p></body>

Escribe en el formulario de la izquierda:

De esta manera, las condiciones de su consulta se pueden pasar a main.asp