Etiqueta <FRAME>
La etiqueta <FRAME> define cada uno de los marcos que va a haber en la ventana. Debe ir colocada siempre entre <FRAMESET> y </FRAMESET>, y debe haber tantas etiquetas como marcos hayamos definido con COLS y ROWS. Sus atributos son:
Estas etiquetas se deben situar entre <HTML> y </HTML>, pero podemos hacerlo también entre </HEAD> y <BODY>, en incluso podemos no utilizar <BODY>…</BODY>.
Sus principales atributos o parámetros son:
* SRC=" ruta página html" , que especifica qué página se va a cargar en el frame. La ruta de la página debe especificar su localización en el sistema de archivos local del servidor web o una URL completa.
Ejemplos.-
<frame src="principal.html">
<frame src="http://www.yahoo.es">
* NAME=" nombre " , que especifica qué página se va a cargar en el frame. La ruta de la página debe especificar su localización en el sistema de archivos local del servidor web o una URL completa.
Sirve para asignar un nombre al marco. Es un atributo muy importante, ya que cuando queramos luego cargar una página en un marco mediante un enlace, deberemos decir en qué marco queremos hacerlo, y esto se consigue haciendo referencia al nombre del marco en el atributo TARGET de la etiqueta <A> del enlace.
Este parámetro TARGET está relacionado con pulsar un enlace en un marco y cargar la página enlazada en otro. Su sintaxis general dentro de la etiqueta <A> es:
<A HREF=" manual.html " TARGET= " cuerpo ">Manual HTML</A>
donde cuerpo es el nombre asisnado a un frame mediante el atributo NAME. Con esto, al pulsar el enlace se cargará la página manual.html dentro del marco llamado cuerpo.
<A HREF=" manual.html " TARGET= " _blank">Manual HTML</A>
y ahora se cargará la página en una ventana nueva del navegador, por lo que tendremos dos ventanas abiertas.
<A HREF=" manual.html " TARGET= " _self "</A>
En este caso el la página llamada se va a cargar en el propio frame que la llama. Es equivalente a no colocar el parámetro TARGET, por lo que casi no se usa. Se puede usar para modificar el valor dado por BASE.
<A HREF=" manual.html " TARGET= " _parent</A>
y la página se mostrará en el marco o <FRAMESET> que llamó al documento actual. Si no hay ningún <FRAMESET> anterior, la página llamada se mostrará a pantalla completa, suprimiendo todos los marcos de la pantalla. Indica que se muestre en la ventana completa, eliminando la estructura de frames que tenga la ventana.
<BASE TARGET= " nombre" </A>
que especifica el frame en el que se mostrará por defecto todos los hiperenlaces del documento actual. Se debe especificar en la cabecera del documento (HEAD).
<AREA SHAPE=RECT COORDS="x,y,..." HREF="url" TARGET="frame" </A>
que en la definición de imágenes sensibles en el cliente, indica el frame donde se verá el documento que se activa en la zona correspondiente de la imagen.
<FORM ACTION="url" TARGET="nombre"</A>
que indica al formulario al que se mandan los datos el frame de destino del resultado de los mismos.
* MARGINWIDTH=" x " , con x = nº píxeles o porcentaje. Sirve para definir el margen horizontal que queremos que haya dentro del frame, entre l os límites de este y su contenido.
que indica al formulario al que se mandan los datos el frame de destino del resultado de los mismos.
* MARGINHEIGHT=" x " , con x = nº píxeles o porcentaje. Nos define el margen vertical que queremos que haya dentro del frame, entre los límites de este y su contenido.
Ejemplo.-
<html>
<head>
<title>Mi página</title>
</head>
<frameset rows="40%,*" >
<frame src="a.html" marginwidth="50" marginheight="30">
<frame src="b.html" marginwidth="10" marginheight="0">
</frameset>
</html>
* SCROLLING= " yes / no / auto " , que nos va a permitir establecer si el marco tendrá o no barra deslizadora cuando el contenido del marco exceda al tamaño de este.
Sus posibles valores son:
- yes…siempre aparecerá la barra deslizadora.
- no…nunca aparecerá. Por lo tanto, si el contenido es mayor que el texto sólo podremos ver lo que quepa en el marco.
- auto…sólo aparecerá el scroll si es necesario para poder visualizar el contenido completo del marco. Este es el valor por defecto
* NORESIZE . Este atributo impide que el marco pueda ser redimensionado por el visitante arrastrando su borde. Si no se indica este atributo el marco podrá ser redimensionado.
* BORDECOLOR= " color " , con color = nombre color web en inglés o en hexadecimal. Sirve para definir el color del borde del marco concreto al que se aplica.
* FRAMEBORDER= " 1 / 0 " . Si se ha establecido BORDECOLOR, si su valor es 0 se mostrará el borde sin efecto 3D en el marco (se percibe mejor en Explorer), y si es 1 sí se mostrará este efecto. Además, si lo igualamos a cero se eliminará el borde con todos los marcos contiguos que tengan también este valor a cero.
Ejemplos.-
<html>
<head>
<title>Mi página</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
<frame src="b.html" marginwidth="10" marginheight="0" frameborder="0">
</frameset>
</html>
<html>
<head>
<title>Mi página</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
<frame src="b.html" marginwidth="10" marginheight="0" >
</frameset>
</html>
<html>
<head>
<title>Mi página</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="1" >
<frame src="b.html" marginwidth="10" marginheight="0" frameborder="1">
</frameset>
</html>
Etiquetas <NOFRAMES>…</NOFRAMES>
Este par de etiquetas no son atributos de <FRAME> . Se utiliza para prevenir el caso de que el navegador del visitante no soporte frames. Deben situarse antes de </FRAMESET>, y dentro de ellas se incluyen <BODY> texto de aviso </BODY>. Si el navegador no reconoce los frames los ignorará, mostrando el mensaje de aviso. Este atributo está actualmente en dehuso, ya que todos los modernos navegadores soportan frames.
Un ejemplo completo de una página simple con frames sería:
<html>
<head>
<title>Página con frames</title>
</head>
<frameset rows="20%,*" frameborder="yes" bordercolor="yellow" >
<frame name="uno" src="a.html" marginwidth="50" marginheight="30" >
<frame name="dos" src="b.html" marginwidth="30" marginheight="40" >
<noframes>
<body>
Lo siento. Su navegador no soporta frames. Pulse <a href="noframes.html">AQUÍ</a> para acceder a una página sin frames.
</body>
</noframes>
</frameset>
</html>
| < Anterior | Siguiente > |
Usuarios que han visto este tema también han visto...
- Listas HTML hechas con tablas
- Cómo puedo mostrar código HTML coloreado
- Donde colocar las palabras clave (metas) para buscadores.
- Poner sonido o música de fondo
- De HTML a XHTML
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.