Colección de citas famosas - Slogan de motivación - Uso detallado de marcos en HTML

Uso detallado 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. Siempre que lt; FRAMESETgt; lt; FRAMEgt; sea suficiente, 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. lt; BODYgt; Marca que al navegar por este marco debes leer este archivo en lugar de los archivos de otros marcos. lt; FRAMESETgt; se usa para dividir ventanas de marco. Cada ventana de marco está marcada con una marca lt; FRAMEgt; Por ejemplo:

lt;frameset cols="50,*"gt;

lt;frame name="hola" src="up2u.html"gt;

lt;frame name="hi" src="me2.html"gt;

lt;/framesetgt;

En este ejemplolt;FRAMESETgt; y derecha Para dos partes iguales, up2u.html se mostrará a la izquierda y me2.html se mostrará a la derecha. FRAMEgt Los cuadros marcados por las etiquetas siempre están en orden de arriba a abajo y de izquierda a derecha. bien.

lt; FRAMESETgt; lt; FRAMEgt; :

lt; FRAMESETgt; se utiliza para declarar que el documento HTML está en modo marco y establecer cómo La ventana está dividida.

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

lt; FRAMESETgt; Configuración de parámetros:

Ejemplo: lt; frameset rows="90,*" frameborder="0" border=0 framepacing="2" bordercolor=" # 008000"gt;

COLS="90,*"

Corta la pantalla verticalmente (por ejemplo, en dos pantallas izquierda y derecha), acepta valores enteros y porcentajes, * Significa ocupar el espacio espacial restante. 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 30 píxeles de ancho y es una división absoluta. La segunda ventana es lo que queda después de asignar espacio a la primera y tercera ventanas. la tercera ventana ocupa el 50% del ancho total de la pantalla como 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 se deben evitar los dos parámetros COLS y ROWS en la misma etiqueta lt; FRAMESETgt. Debido a que Netacape a veces no puede mostrar este tipo de marco, se deben usar divisiones múltiples.

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 el espacio entre fotogramas para preservar el espacio.

lt; FRAMEgt; Configuración de parámetros:

Ejemplo: lt; frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling = "Auto" frameborder="0" noresize framepacing="6" bordercolor="#0000FF"gt;

SRC="a.html"

Establecer esta ventana de marco El nombre de el archivo de la página web que se mostrará. Cada ventana de marco debe corresponder a un archivo de la 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

Establece el borde del marco. Su valor es solo 0 y 1. 0 significa que no hay borde y 1 significa mostrar el borde. (Evita usar sí o no)

framespace="6"

Indica la distancia entre fotogramas 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 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.

lt;NOFRAMESgt;:

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

Método de aplicación:

Agregar etiqueta lt;/NOFRAMESgt; en el rango de etiquetas lt;framesetgt; El siguiente es un ejemplo:

lt;frameset filas. =" 80, *"gt;

lt; noframesgt;

lt; bodygt;

Lo sentimos, el navegador que estás utilizando no admite marcos. Cambie a un nuevo navegador.

lt;/bodygt;

lt;/noframesgt;

lt; nombre del marco="top" src="a.html"gt; p>

lt;/noframesgt;

lt; p>

lt;nombre del marco="bottom" src="b.html"gt; /framesetgt;

Si el navegador admite marcos, ignora las cosas en lt;noframesgt;, pero si el navegador no admite marcos, debido a que no reconoce todas las etiquetas de marco, se omitirán las etiquetas desconocidas. , y las cosas rodeadas por las etiquetas se interpretarán, por lo que se colocan en lt;noframesgt; Se mostrará el texto dentro del rango.

lt;IFRAMEgt;:

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 de contención, pero las palabras circundantes solo se mostrarán cuando el navegador no admita la etiqueta iframe, como

lt;iframegt; La configuración de los parámetros es la siguiente:

Ejemplo: lt;iframe src="iframe.html" name="test" align="MIDDLE" width=" 300 " height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"gt;

src="iframe.html"

deseo El origen del archivo que se muestra en este marco debe incluir una ruta relativa o absoluta además del nombre del archivo.

name="test"

El nombre de este marco, que es requerido por el parámetro de destino de la etiqueta de enlace,

align="MIDDLE"

Los valores opcionales son izquierda, derecha, arriba, medio e inferior, que tienen poco efecto

width="300" height="100"

El ancho y largo de la ventana del marco, en píxeles.

marginwidth="1" marginheight="1"

El espacio reservado para el archivo insertado y el marco.

frameborder="1"

Utilice 1 para mostrar el borde, 0 para no mostrarlo. (Puede ser sí o no)

scrolling="Sí"

Utilice Sí para permitir el desplazamiento (predeterminado), No para no permitir el desplazamiento.

Ejemplo: Código fuente

lt; centergt; iframe src="/index.html" name="test" align="MIDDLE" width="300" height= "100" marginwidth="5" marginheight="5" frameborder="1"gt;

Lo siento, el navegador que estás utilizando no es compatible con IFrame y no puede navegar por mi página web normalmente.

lt;/iframegt;

lt;/centergt;

Problema de paso de parámetros de conjunto de marcos

Cómo pasar el parámetro condicional a la izquierda para que pueda recibirse a la derecha

---------------------------------------- -------- --------------------------------

Nombra los tres marcos respectivamente: left.asp (la página que muestra las condiciones de la consulta, donde el nombre del marco es: izquierda), top.asp, main.asp (la página que muestra los resultados de la consulta, donde el nombre del marco es: principal)

Por ejemplo:

lt;htmlgt;

lt;headgt;

lt;meta http-equiv="Contenido-Tipo" ="text/html; charset=gb2312"gt;

lt;titlegt;searchlt;/titlegt;

lt;/headgt;

lt;frameset filas="80,*" frameborder="NO" border="0" framepacing="0"gt;

lt; frame src="top.asp" name="top" scrolling="NO " noresize gt;

lt; frameset cols="80,*" frameborder="NO" border="0" framepacing="0"gt;

lt; frame src= "left.asp" name="left" scrolling="NO" noresizegt;

lt;frame src="main.asp" name="main"gt;

lt; /framesetgt;

lt;/ framesetgt;

lt;noframesgt;lt;bodygt;

lt;/bodygt;lt;/noframesgt;

lt;/htmlgt;

Escribe en el formulario de la izquierda:

lt; formulario nombre="form1" método="post" action="main.asp" target ="main"gt;

......//Diséñalo tú mismo.

lt;/formgt;

¡De esta manera, sus condiciones de consulta pueden pasarse a main.asp!