You are on page 1of 14

Frames allow for multiple ".

html" documents to be displayed inside of one browser window at a


time. This means that one page has no content on it, but rather tells the browser which web pages
you would like to open. With the addition of CSS and PHP, frames have become outdated, but if you
wish to use them, read on.

Frames - A Generic Frame Page

Frames are most typically used to have a menu in one frame, and content in another frame.
When someone clicks a link on the menu that web page is then opened on the content page. Here is
a classic example of a basic "index" frameset with a menu on the left and content on the right.

HTML Code:
<html>
<head>
</head>
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>

Frame Set:
Here's the example: Frame Index

• frameset - The parent tag that defines the characteristics of this frames page. Individual
frames are defined inside it.
• frameset cols="#%, *"- Cols(columns) defines the width that each frame will have. In the
above example we chose the menu (the 1st column) to be 30% of the total page and used a
"*", which means the content (the 2nd column) will use the remaining width for itself.
• frame src="" -The location of the web page to load into the frame.

A good rule of thumb is to call the page which contains this frame information "index.html"
because that is typically a site's main page.

Adding a Banner or Title Frame

Add a row to the top for a title and graphics with the code as follows:

HTML Code:
<html><head></head>
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
frameset rows="#%, *"- rows defines the height that each frame will have. In the above
example we chose the new title (the 1st row) to be 20% of the total page height and used a "*", which
means that menu and content (which are the 2nd row) will use the remaining height.

FrameBorder and FrameSpacing

You probably noticed those ugly gray lines that appear between the frames. It is possible to
remove these and manipulate the spacing between frames with frameborder and framespacing.
These attributes appear within the frameset tag.

Note: Framespacing and border are the same attribute, but some browsers only recognize one
or the other, so use both, with the same value, to be safe.

• frameborder="#" - A zero value shows no "window" border.


• border="#"- Modifies the border width, used by Netscape.
• framespacing="#" -Modifies the border width, used by Internet Explorer.

Here's an example of the same frameset without the borders.

HTML Code:
<html><head></head>
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>

Frame Borders:
Here's a visual:Visual

Frame Name and Frame Target

How nice would it be to make each menu link load into the content page? We do this by
naming each frame and setting the correct base target inside menu.html.

HTML Code:
<html><head></head>
<frameset rows="20%,*">
<frame name="title" src="title.html">
<frameset cols="30%,*">
<frame name="menu" src="menu.html">
<name="content" src="content.html">
</frameset>
</html>

HTML Code:
<html>
<head>

<base target="content">

</head>

...

</html>

Frame Target:
Here's the Visual: Visual

We first named the content frame "content" on our frame page and then we set the base target
inside menu.html to point to that frame. Our frame page is now a perfectly functional menu & content
layout!

Noresize and Scrolling

It's possible to further customize the <frame> tag using the noresize and scrolling="" attributes.

HTML Code:
<html><head></head>
<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
<frame src="title.html" noresize scrolling="no">
<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
<frame src="menu.html" scrolling="auto" noresize>
<frame src="content.html" scrolling="yes" noresize>
</frameset>
</html>

Noresize and Scrolling:


Here's the Visual: Visual

• noresize - Do not let the frames be resized by the visitor.


• scrolling="(yes/no)"- Allow scrolling or not inside a frame.

We set the scrolling for our content frame to yes to ensure our visitors will be able to scroll if
the content goes off the screen. We also set the scrolling for our title banner to no, because it does
not make sense to have a scrollbar appear in the title frame.

Tips

• Frames can be simple and well organized. However, they are usually viewed as
unacceptable by most web designers.
• Always set the scrolling and resize options to optimize loadtime.
• Using a simple menu/content frame design can reduce updates to massive sites. Instead of
updating the menu on each page, you could simply update the menu.html file and be done
with it!

Qué son los frames


Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado
por Netscape, que permite dividir la pantalla en varias áreas independientes unas de
otras, y por tanto con contenidos distintos, aunque puedan estar relacionados. No hay
límites para el contenido de cada una de estas áreas: tienen las mismas propiedades que
la pantalla completa normal, tal y como la conocemos. No hay que confundir los frames
con las tablas. Su apariencia, a veces, puede ser similar, pero mientras el contenido de la
celda de una tabla es fijo, en un área de pantalla creado por el elemento FRAME se
dispone de todos los recursos del HTML. Es una zona viva.

Las páginas que contienen una definición de FRAME no pueden contener el elemento
BODY ni ninguno de los elementos que habitualmente aparecen en el BODY antes del
elemento FRAMESET que es el que define la creación del FRAME. Si esto no se
cumple, el FRAME será ignorado.

Algunos visualizadores no soportan los frames. Para que nuestra página con frames no
resulte opaca a ellos, se utilizará el elemento NOFRAMES

Los frames permiten una flexibilidad de presentación extraordinaria, y para


contenidos muy complejos, de difícil estructura por los medios convencionales del
HTML, son casi insustituibles. De nuevo se presenta la duda de para qué visualizador es
preferible programar nuestro WWW.

Por supuesto, los frames son parametrizables en cuanto a tamaño y número de


áreas, si éstas se pueden redimensionar por el usuario o son fijas, si tienen o no barras
de scrolling, se pueden anidar, relacionar sus contenidos, etc. Veamos algunos ejemplos
prácticos y su sintaxis:

Un frame básico. Sintaxis general


En general, todas las páginas que contengan definiciones de frames, se comportan como
si fuesen llamadores o "lanzaderas", y deberán ser más o menos así:
<HTML>
<HEAD><TITLE> Mi titulo ></TITLE></HEAD>

<FRAMESET>
<NOFRAMES>
<BODY>
Su visualizador no soporta frames. Pulse
<A HREF="indice.htm">aqui </A> para volver.
</BODY>
</NOFRAMES>

<FRAME SRC="pagina1.htm" >


<FRAME SRC="pagina2.htm" >
</FRAMESET>

</HTML>
Fíjate en que no aparece el elemento <BODY> en su posición habitual, sino dentro de
un elemento especial que se activa sólo cuando el visualizador no soporta los frames:
NOFRAMES. Si no declaras el área NOFRAMES y el visualizador no soporta este
efecto, no se verá nada. Obviamente, los visualizadores que sí soportan frames
ignorarán el contenido del área NOFRAMES.

Hasta aquí ya podemos hacernos una idea de cómo funcionan los frames: Lo
primero es crear una minipágina con la definición del frame, viene a ser algo así como
una "lanzadera" y sólo contiene la definición del frame. Y por último, crear las páginas
que constituirán el contenido de cada una de las áreas definidas en la "lanzadera". En el
ejemplo anterior son pagina1.htm y pagina2.htm, y aquí es donde escribirás tus cosas;
es decir que son páginas completamente normales, y que también pueden ser utilizadas
de la forma habitual. A su vez, la "lanzadera" puede ser invocada con un link desde
cualquier página normal. Como puedes ver, no es obligado crear todo tu documento con
frames: puedes utilizarlos solamente allí donde sea necesario, si quieres.

Es posible definir cualquier combinación de áreas verticales y horizontales. La


clave está en combinar adecuadamente los anidamientos del elemento <FRAMESET>
con sus atributos COLS o ROWS según interese. Como puedes ver, el más importante
es el primer <FRAMESET>, ya que es el que define cómo va a ser "troceada" la página
inicialmente, si en porciones verticales u horizontales, y sobre esta base se deberán
definir todos los demás anidamientos.

Un frame de 3 áreas verticales (COLS)


Se vería así:
A B C Y se escribiría; así:
<FRAMESET COLS=30%,20%,50%>
<FRAME SRC="a.htm">
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>

Ejemplo real

Un frame de 3 áreas horizontales (ROWS)


Se vería así:
A Y se escribiría así:
<FRAMESET ROWS=25%,25%,50%>
B <FRAME SRC="a.htm">
<FRAME SRC="b.htm">
C <FRAME SRC="c.htm">
</FRAMESET>

Ejemplo real

Un frame combinado de un área vertical y dos horizontales


Se vería así:
B Y se escribiría así:
A <FRAMESET COLS=20%,*>
C <FRAME SRC="a.htm">
<FRAMESET ROWS=40%,*>
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
</FRAMESET>

Ejemplo real

Un frame combinado de dos áreas horizontales, la de abajo dividida


en dos verticales
Se vería así:
A Y se escribiría así:
<FRAMESET ROWS=50%,*>
B C <FRAME SRC="a.htm">
<FRAMESET COLS=50%,*>
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
</FRAMESET>

Ejemplo real
Habrás podido comprobar que los parámetros que dimensionan los frames actuan al
presentar la página inicialmente. Después, si el usuario lo desea, puede
redimensionarlos como quiera. Esta es la opción por defecto. Si no se quiere permitir el
redimensionado, se aplica el atributo NORESIZE al elemento FRAME. Así:
<FRAME NORESIZE SRC.....>
Algo parecido ocurre con las barras de scrolling. Están regidas por el atributo
SCROLLING, que puede valer YES NO o AUTO. Por defecto es AUTO. Con esta
opción el visualizador decide, en función del contenido, si son necesarias las barras o
no. Con YES las pondrá siempre, aunque no sean necesarias, y con NO no las pondrá
nunca, aunque sean necesarias.
<FRAME SCROLLING=YES ....>

Un frame con dos áreas verticales. Una normal, la otra con


márgenes forzados para el texto (MARGINWIDTH
MARGINHEIGHT)
Se vería así:
AA Y se escribiría así:
AAAA <FRAMESET COLS=50%,50%>
AA <FRAME SRC="a.htm">
<FRAME SRC="a.htm"
MARGINWIDTH=50
MARGINHEIGHT=50>
</FRAMESET>

Ejemplo real

Un frame con referencias cruzadas (NAME TARGET)


Se vería así:
A B Y se escribiría así:
<FRAMESET COLS=50%,50%>
<FRAME SRC="aa.htm">
<FRAME SRC="bb.htm"
NAME="VENTANA">
</FRAMESET>

Ejemplo real
Esto de los cruces es un poco complicado... fíjate en el contenido de cada página que
entra en juego. Cuando actives Ejemplo real el fichero llamado es cruzado.htm.
Pruébalo.
Fichero Contenido Acción
<A HREF="cc.htm"
Pone CC en el frame derecho
aa.htm TARGET="VENTANA">
<A HREF="cc.htm"> Trae CC
bb.htm Esto es "VENTANA" No hace nada
<A HREF="bb.htm" Pone BB en el frame derecho
cc.htm TARGET="VENTANA"> porque se llama "VENTANA"
<A HREF="aa.htm"> Trae AA
<FRAMESET> -
<FRAME SRC="aa.htm"> Pone AA en el frame izqdo.
cruzado.htm <FRAME SRC="bb.htm" Pone BB en el frame derecho y le
NAME="VENTANA"> da como nombre "VENTANA"
</FRAMESET> -

Hasta aqui se ha utilizado el nombre de "VENTANA" como destino del atributo


TARGET. Este nombre, como ya sabes, es el que hemos definido en el código de este
ejemplo. Si en lugar de poner el nombre de destino que se ha definido en el
FRAMESET, pones otro cualquiera, el visualizador lo que hace es abrir otra ventana y
colocar alli el contenido de la pagina. Evidentemente, cuantas mas ejecuciones del
navegador haya en marcha, mas memoria del ordenador se necesita, y abrir una nueva
ventana, implica ejecutar otra vez el navegador. Recuerda cuando hagas esto, que
algunos no andan muy sobrados de memoria....

La versión 3.0 de Netscape, implementa dos nuevas posibilidades de los frames: la


de darle color a la barra de separación de los distintos frames o la de que no se vea dicha
barra. Para ello se utilizan los nuevos atributos de FRAMESET y FRAME:

FRAMEBORDER se utiliza como atributo de FRAMESET y establece si serán


visibles los bordes del frame o no. Puede tener dos valores: YES (por defecto) y NO.
Si escribes:

<FRAMESET FRAMEBORDER=NO COLS=30%,30%,30%>


<FRAME SRC="a.htm">
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
Se obtiene un frame de tres columnas sin barras de separación entre ellas.
Ejemplo real
BORDERCOLOR se utiliza como atributo de FRAME y establece el color de los
bordes visibles. Evidentemente, para que funcione, se tendrá que haber establecido
FRAMEBORDER=yes
Si escribes:

<FRAMESET COLS=30%,30%,30%>
<FRAME BORDERCOLOR="red" SRC="a.htm">
<FRAME BORDERCOLOR="blue"SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
Se obtiene un frame de tres columnas con la primera barra de separación roja y la
segunda azul. Ejemplo real
Salir de una pantalla con frames

Para salir de una pantalla compuesta de frames es necesario definir algun link. En
efecto, si estamos en una pantalla con, por ejemplo, dos frames, cualquier link invocado
desde cualquiera de ellos, hace que la página llamada aparezca en ese mismo frame.
Para volver a una pantalla "normal" sin frames, se puede escribir un link con la sintaxis
siguiente:

<A HREF="indice.htm" TARGET="_parent">Ver índice sin marcos </A>


El destino "_parent" indica que presente la página llamada por el link en el navegador
que se esta ejecutando, sin marcos y sin abrir nuevas ocurrencias del navegador.

Existen otros valores predeterminados para el atributo TARGET: _blank que


abre una nueva ventana del navegador, _self que llama el destino del enlace a la misma
ventana en que se está (valor por defecto), y _top que funciona igual que _parent.

Controlar el contenido de los frames con formularios


Hasta aquí hemos visto cómo hacer que los frames reciban sus contenidos siempre
mediante links. No es la única forma; también pueden utilizarse formularios para esta
tarea. Los formularios, además, nos pueden permitir definir ciertas selecciones previas
para que el contenido invocado reuna determinados requisitos, así como elegir el frame
de destino. Lo malo de esta técnica es que requiere escribir algo de JavaScript, lo que
complica bastante la cosa. Veamos un ejemplo de página con cuatro frames. Por
ejemplo, como este:
Arriba Y se escribiría así:
<FRAMESET ROWS=30%,*>
A B C <FRAME SRC="fraarriba.htm"
NAME="arriba">
<FRAMESET COLS=33%,33%,*>
<FRAME SRC="a.htm"
NAME="izquierda">
<FRAME SRC="b.htm"
NAME="centro">
<FRAME SRC="c.htm"
NAME="derecha">
</FRAMESET>
</FRAMESET>

Ejemplo real
Puesto que se va a poder elegir el frame de destino, es importante que todos ellos
tengan nombre. Este es el código del frame arriba, que reside en la página que carga:
fraarriba.htm

<HTML>
<HEAD><TITLE>Frames y formularios</TITLE></HEAD>
<BODY>
<CENTER><H2>FRAMES Y FORMULARIOS</H2></CENTER>

<TABLE BORDER=0 WIDTH="100%"><TR>

<TD ALIGN=CENTER>
<FORM>
<SELECT NAME="list">
<OPTION VALUE="a.htm" >Contenido A
<OPTION VALUE="b.htm" >Contenido B
<OPTION VALUE="c.htm" >Contenido C
</SELECT>
<BR>
<INPUT TYPE=button VALUE="Frame izquierdo" onClick=
"parent.izquierda.location.href=
this.form.list.options[this.form.list.selectedIndex].value">
</FORM>
</TD>

<TD ALIGN=CENTER>
<FORM>
<SELECT NAME="list">
<OPTION VALUE="a.htm" >Contenido A
<OPTION VALUE="b.htm" >Contenido B
<OPTION VALUE="c.htm" >Contenido C
</SELECT>
<BR>
<INPUT TYPE=button VALUE="Frame central" onClick=
"parent.centro.location.href=
this.form.list.options[this.form.list.selectedIndex].value">
</FORM>
</TD>

<TD ALIGN=CENTER>
<FORM>
<SELECT NAME="list">
<OPTION VALUE="a.htm" >Contenido A
<OPTION VALUE="b.htm" >Contenido B
<OPTION VALUE="c.htm" >Contenido C
</SELECT>
<BR>
<INPUT TYPE=button VALUE="Frame derecho" onClick=
"parent.derecha.location.href=
this.form.list.options[this.form.list.selectedIndex].value">
</FORM>
</TD></TR>
</TABLE>

</BODY>
</HTML>

Como puedes ver, todo reside en el código JavaScript que se ejecuta al pulsar el botón
de cualquiera de los tres formularios definidos en el frame arriba. Mediante este código
se captura un evento: onClick que se produce al pulsar con el puntero del ratón en el
botón del formulario. La primera parte de la instrucción ejecutada:
parent.derecha.location.href= es la que establece en qué frame se va a
cargar la página seleccionada en la lista desplegable, en este caso el llamado derecha.
La segunda parte de la instrucción:
this.form.list.options[this.form.list.selectedIndex].value
es la que indica qué página hay que cargar en el frame definido en la primera parte de la
instrucción. Si... esto suena a muy complicado. No es fácil entender la compleja
estructura de objetos del navegador. Para más detalle, puedes ver la sección sobre
JavaScript, en particular, y toda la sección de programación en general, de esta guia.

Otra cosa que hay que tener en cuenta cuando se escribe JavaScript, es que
distingue entre mayúsculas y minúsculas. En el ejemplo anterior, si los ficheros
llamados por el formulario: a.htm b.htm c.htm se han guardado con el nombre en
mayúsculas, como A.htm o B.htm, no funcionará si no se invocan escritos de la misma
forma. Esto es especialmente importante cuando tengas tus páginas en servidores con
sistemas operativos UNIX o LINUX, que son la mayoría de ellos.

Frames incrustados
Se puede insertar un frame en cualquier punto de una página, ya sea ésta, a su vez, un
frame o una página normal. Su apariencia recuerda a los gráficos y a los formularios,
pero su contenido es el de una página independiente. Por ejemplo, si se escribe:

<IFRAME NAME="indice" SRC="indice.htm" WIDTH="300" HEIGHT="100"


FRAMEBORDER="1" MARGINWIDTH="5" MARGINHEIGHT="5"
SCROLLING="Auto"></IFRAME>

Y este sería el resultado:

1. Propósito del documento (en 1996)


2. Propósito del documento (varios años después)
3. Notas sobre el lenguaje
4. ¿Cómo funciona esto?
5. Introducción al HTML
6. Estructura de un documento HTML
7. Cabecera de un documento
<HEAD> <TITLE> <META>
8. Cuerpo de un documento
<BODY>
1. Tamaños y tipos de letra
<Hx> <FONT SIZE> <FONT FACE>
2. Texto de colores
<FONT COLOR>
3. Párrafos. Saltos de línea. Bloques tabulados. Línea horizontal. Divisiones.
Recuadros
<P> <BR> <BLOCKQUOTE> <HR> <DIV> <SPAN> <FIELDSET>
4. Texto preformateado
<PRE> <SPACER> &nbsp
5. Negrita. Itálica. Centrado. Otros efectos
<B> <I> <CENTER> <ACRONYM> Otros
6. Lista desordenada. Lista ordenada. Menú. Lista de definición. Directorio
<UL> <OL> <MENU> <DL> <DIR> <LI> <DT> <DD>
1. Ejemplos de listas
7. Tablas
<TABLE> <TR> <TD> <TH>
1. Ejemplos de tablas
8. Códigos de colores
<FONT COLOR> <BODY BGCOLOR>
1. Combinación de efectos de colores
<BODY BGCOLOR FGCOLOR TEXT LINK VLINK ALINK>
9. ¿Por qué hay que usar códigos?
&#xxx; &alias;
1. Tabla de códigos de caracteres
10. Creando enlaces (links)
<A>
11. Insertando imágenes
<IMG> <MAP>
1. Usar una imagen como fondo de página
<BODY BACKGROUND>
2. Usar una imagen como marca decorativa de una lista
3. Gráficos animados
12. Introducción a los formularios
13. ¿Cómo se escriben formularios?
<FORM> <INPUT> <SELECT> <TEXTAREA>
1. Ejemplos de formularios
2. Tabla de códigos de conversión en formularios
14. Frames
<FRAMESET> <FRAME> <IFRAME>
15. Páginas multimedia
<EMBED>
1. Páginas con vídeo
2. Páginas multimedia para el Media Player de Windows
16. Bloques en movimiento
<MARQUEE>
17. Icono de favoritos
favicon.ico
9. Últimas innovaciones del HTML.
1. Estilos
<STYLE>
1. Escribiendo hojas de estilo
2. Diseñando un blog de ejemplo
3. Ejemplo de un blog con XHTML + CSS
2. El XHTML
1. Diferencias entre el HTML y XHTML
10. Introducción a las aplicaciones de gestión
1. ¿Cómo empezar?
2. ¿Qué es el ODBC?
1. ¿Cómo se instala el ODBC de Accees?
2. ¿Cómo se instala el ODBC de SQL Server?
3. ¿Qué es el IDC?
4. ¿Cómo se escriben ficheros para el IDC?
1. Ejemplo de aplicación IDC (Ver todos los registros)
2. Ejemplo de aplicación IDC (Ver lista desplegable)
3. Ejemplo de aplicación IDC (Insertar un registro)
5. ¿Qué es el ASP?
1. ¿Cómo se escribe el ASP?
2. Un modelo de aplicación ASP
3. Nociones de ASP
4. Objetos de ASP
1. Application
2. ASPError
3. Session
4. Request
5. Response
6. Server
1. CreateObject("ADODB.Connection") -
CreateObject("ADODB.Recordset")
2. CreateObject("Scripting.FileSystemObject")
3. CreateObject("ADODB.Stream")
4. GetFile() - GetFolder()
7. ObjectContext
6. VBScript en el servidor. Procedimientos Sub y Function
1. Constantes y Variables
2. Operadores
3. Instrucciones
4. Funciones numéricas
5. Funciones de texto
6. Funciones de fecha y hora
7. Otras funciones
7. Algo sobre seguridad
8. VBScript en el navegador
1. ¿Cómo se escriben los scripts para el IE?
2. Los objetos del Internet Explorer
1. Window
1. Location
2. Document
1. Link
2. Form
1. Controles HTML
9. Los lenguajes JavaScript y Java en el navegador
<SCRIPT> <APPLET>
1. ¿Cómo se escriben los JavaScript?
2. Funciones.
3. Operadores
4. Instrucciones.
5. Los objetos y funciones de JavaScript.
6. Los objetos del navegador
1. window
7. Ejemplos de JavaScript.
Analicemos sus atributos:

• NAME Como ya habrás supuesto, es el nombre del frame incrustado. Puede


omitirse si no es necesario.
• SRC Nombre de la página que se mostrará en el frame.
• WIDTH Número de pixels que tendrá el frame de ancho. También puede
indicarse en tanto por ciento respecto al ancho total de la ventana, como se hace
en los frames convencionales.
• HEIGHT Número de pixels que tendrá el frame de alto. También puede
indicarse en tanto por ciento respecto al alto total de la ventana.
• FRAMEBORDER Indica si se debe mostrar el borde del frame. 1 = si (por
defecto) 0 = no.
• MARGINWIDTH Indica el número de pixels que tendrá el ancho de los
márgenes interiores izquierdo y derecho del frame respecto a su contenido.
• MARGINHEIGHT Indica el número de pixels que tendrá el ancho de los
márgenes interiores superior e inferior del frame respecto a su contenido.
• SCROLLING Indica si hay que mostrar barras de scroll dentro del frame
incrustado. Sus valores pueden ser: Yes, No y Auto (por defecto

Los marcos tienen múltiples documentos ".html" en cuenta para ser mostrados dentro de
una ventana de navegador a la vez. Esto quiere decir que una página no tiene ningún
contenido sobre ello, pero más bien dice el navegador cuales páginas web le gustaría
abrir. Con la adición de CSS Y PHP, marcos se han hecho anticuados, pero si usted
desea usarlos, lea sobre.
Marcos - una Página de Marco Genérica Enmarca el más típicamente son usados tener
un menú en un marco, y el contenido en otro marco. Cuando alguien pulsa un eslabón
sobre el menú que la página web entonces es abierta en la página contenta. Aquí está un
ejemplo clásico "de un índice" básico frameset con un menú a la izquierda y el
contenido a la derecha.
Código de HTML:

Juego de Marco:
Aquí está el ejemplo: El Índice de Marco frameset - la etiqueta paternal que define las
características de esto enmarca la página. Marcos individuales son definidos dentro de
ello. frameset cols = " * el %, * " - Cneles (columnas) definen la anchura que cada
marco tendrá. En el susodicho ejemplo escogimos el menú (la 1a columna) para ser el
30 % de la página total y usamos "un *", que quiere decir que el contenido (la 2a
columna) usará la anchura restante para sí. enmarque src = "" - la posición(ubicación)
de la página web para cargar en el marco.

You might also like