Etiquetas <FRAMESET> y <FRAME>:
La página del conjunto de marcos es la que contiene el código HTML con la estructura de los marcos. Divide la pantalla en secciones rectangulares (marcos) donde se van a mostrar páginas independientes.
Veamos un ejemplo de una página básica elaborada con frames:
<html>
<head>
<title>Prueba Frames</title>
</head>
<frameset rows="50,*" cols="*" >
<frame src="documento.htm" name="cabecera" scrolling="NO" noresize >
<frameset cols="150,*" >
<frame src="www.google.com.pe" name="google">
<frame src="wikipedia.es" name="wiki">
</frameset>
</frameset>
<noframes><body>Ooops!, tu navegador no soporta frames...</body></noframes>
</html>
Las etiquetas <FRAMESET>...</FRAMESET> indican dónde empiezan y dónde acaban los marcos, y el tipo y forma de estos. Entre una y otra irán las definiciones de los diferentes marcos o frames. Las etiquetas <FRAME> representan los marcos y sus atributos (página web que contienen, márgenes, scroll, etc.)
El body de la página está vacío, no tiene contenido. Las páginas de definición de marcos no nos interesan por su contenido, <body>, ya que sólo van a actuar de contenedor. No es necesario que aparezca la etiqueta <body>, pero es útil mantenerla: las etiquetas <NOFRAMES> </NOFRAMES> determinan el contenido de la página de marcos si se abre con un navegador que no permite visualizar marcos.
Toda página web con marcos se compone de:
• Una página de conjunto de marcos.
• Páginas para cargar en cada marco creado.
Atributos de <FRAMESET>:
• cols="...": Define el nº de columnas o marcos verticales que va a tener la ventana, y el ancho de cada uno de ellos.
• rows="...": Define el nº de filas o marcos horizontales que va a tener la ventana, y el alto de cada uno de ellos.
• frameborder="...": Define si los marcos creados van a tener borde o no.
• border="...": En el caso de que se haya establecido frameborder="..." o no se haya especificado, este atributo nos permite definir el grosor del borde.
• bordercolor="...": Establece el color de los bordes de los marcos.
Atributos de <FRAME>:
• name="...": Asigna un nombre al marco para diferenciarlo. Este nombre cobrará importancia a la hora de determinar en que marco queremos que se abra un enlace, es decir , el destino de los enlaces.
• src="...": Especifica qué pagina se va a cargar en el frame. La ruta de la pagina debe especificar su localización en el sitio web o una URL completa.
• scrolling="...": Establece si el marco tendrá o no barra deslizadora cuando el contenido del marco exceda al tamaño de este.
• noresize: Impide que el marco pueda ser redimensionado por el visitante arrastrando su borde. Si no se indica este atributo el marco podrá ser redimensionado.
• marginwidth="...": Define el margen horizontal que queremos que haya dentro del frame, entre los límites de este y su contenido.
• marginheight="...": Define el margen vertical que queremos que haya dentro del frame, entre los límites de este y su contenido.
• bordercolor="...": Sirve para definir el color del borde del marco concreto al que se aplica.
La página del conjunto de marcos es la que contiene el código HTML con la estructura de los marcos. Divide la pantalla en secciones rectangulares (marcos) donde se van a mostrar páginas independientes.
Veamos un ejemplo de una página básica elaborada con frames:
<html>
<head>
<title>Prueba Frames</title>
</head>
<frameset rows="50,*" cols="*" >
<frame src="documento.htm" name="cabecera" scrolling="NO" noresize >
<frameset cols="150,*" >
<frame src="www.google.com.pe" name="google">
<frame src="wikipedia.es" name="wiki">
</frameset>
</frameset>
<noframes><body>Ooops!, tu navegador no soporta frames...</body></noframes>
</html>
Las etiquetas <FRAMESET>...</FRAMESET> indican dónde empiezan y dónde acaban los marcos, y el tipo y forma de estos. Entre una y otra irán las definiciones de los diferentes marcos o frames. Las etiquetas <FRAME> representan los marcos y sus atributos (página web que contienen, márgenes, scroll, etc.)
El body de la página está vacío, no tiene contenido. Las páginas de definición de marcos no nos interesan por su contenido, <body>, ya que sólo van a actuar de contenedor. No es necesario que aparezca la etiqueta <body>, pero es útil mantenerla: las etiquetas <NOFRAMES> </NOFRAMES> determinan el contenido de la página de marcos si se abre con un navegador que no permite visualizar marcos.
Toda página web con marcos se compone de:
• Una página de conjunto de marcos.
• Páginas para cargar en cada marco creado.
Atributos de <FRAMESET>:
• cols="...": Define el nº de columnas o marcos verticales que va a tener la ventana, y el ancho de cada uno de ellos.
• rows="...": Define el nº de filas o marcos horizontales que va a tener la ventana, y el alto de cada uno de ellos.
• frameborder="...": Define si los marcos creados van a tener borde o no.
• border="...": En el caso de que se haya establecido frameborder="..." o no se haya especificado, este atributo nos permite definir el grosor del borde.
• bordercolor="...": Establece el color de los bordes de los marcos.
Atributos de <FRAME>:
• name="...": Asigna un nombre al marco para diferenciarlo. Este nombre cobrará importancia a la hora de determinar en que marco queremos que se abra un enlace, es decir , el destino de los enlaces.
• src="...": Especifica qué pagina se va a cargar en el frame. La ruta de la pagina debe especificar su localización en el sitio web o una URL completa.
• scrolling="...": Establece si el marco tendrá o no barra deslizadora cuando el contenido del marco exceda al tamaño de este.
• noresize: Impide que el marco pueda ser redimensionado por el visitante arrastrando su borde. Si no se indica este atributo el marco podrá ser redimensionado.
• marginwidth="...": Define el margen horizontal que queremos que haya dentro del frame, entre los límites de este y su contenido.
• marginheight="...": Define el margen vertical que queremos que haya dentro del frame, entre los límites de este y su contenido.
• bordercolor="...": Sirve para definir el color del borde del marco concreto al que se aplica.
0 comentarios: