SlideShare una empresa de Scribd logo
1 de 6
FRAMES EN HTML Los frames se declaran con la etiqueta <FRAMESET>, que debe ser colocada antes de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorará. Un ejemplo sencillo es el siguiente:
ESTRUCTURA <HTML> <HEAD><TITLE> Título de la página </TITLE></HEAD> <FRAMESET ROWS=75,*> <FRAME SRC=&quot;frames1.htm&quot; > <FRAME SRC=&quot;frames2.htm&quot; > </FRAMESET> <NOFRAMES> <BODY> . </BODY> </NOFRAMES> </HTML>
ROWS EL atributo ROWS (filas) es el que define el número y el tamaño de los frames, en este caso dos filas, de 75 píxels la primera y el resto de la ventana la segunda. También se puede dividir en columnas mediante COLS El tamaño de los frames se puede especificar de más formas: COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera COLS=150,*,150 tres colunmas, la primera y tercera de 150 píxels, la segunda ocupa el resto. ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio respectivamente. Las etiquetas NOFRAMES y BODY solamente se usan por cortesía, de hecho se pueden suprimir. Las etiquetas FRAME SRC=&quot;frames.htm&quot; cargan las página indicadas en el frame correspondiente. También es posible anidar frames, llamando a una página que tenga de nuevo frames o bien declarándolo explicita mente
ESTRUCTURA <FRAMESET COLS=20%,*> <FRAME SRC=&quot;frames1.htm&quot;> <FRAMESET ROWS=20%,*> <FRAME SRC=&quot;frames2.htm&quot;> <FRAME SRC=&quot;frames3.htm&quot;> </FRAMESET> </FRAMESET>
EL ATRIBUTO TARGET Lo más interesante de los frames es la posibilidad que tienen de interactuar entre si, es decir pulsar un enlace en el frame 1 y cargar el contenido en el frame 2. Para conseguir esto hay que darle un nombre a los frames y luego indicar en el enlace donde se va a cargar mediante el atributo TARGET.
ESTRUCTURA <HTML> <HEAD><TITLE> Frames --Ejemplo 3--</TITLE></HEAD> <FRAMESET COLS=150,*> <FRAME SRC=&quot;frames4.htm&quot; NAME=margen> <FRAME SRC=&quot;frames5.htm&quot; NAME=principal> </FRAMESET> </HTML>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Los frames (1)
Los frames (1)Los frames (1)
Los frames (1)
 
Frames of nicolas padilla
Frames of nicolas padillaFrames of nicolas padilla
Frames of nicolas padilla
 
Informatica 6º
Informatica 6ºInformatica 6º
Informatica 6º
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Html atributos ii
Html atributos iiHtml atributos ii
Html atributos ii
 
Manual basico de html
Manual basico de htmlManual basico de html
Manual basico de html
 
Frames
FramesFrames
Frames
 
Html manual
Html manualHtml manual
Html manual
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 

Similar a Trabajo de computacion (20)

Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Presentacion
PresentacionPresentacion
Presentacion
 
Informatica 6º
Informatica 6ºInformatica 6º
Informatica 6º
 
Frames
FramesFrames
Frames
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
Oscar trujillo
Oscar trujilloOscar trujillo
Oscar trujillo
 
Html
HtmlHtml
Html
 
Pesentacion luisa vargas (2)
Pesentacion luisa vargas (2)Pesentacion luisa vargas (2)
Pesentacion luisa vargas (2)
 
HTML
HTMLHTML
HTML
 
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7
 
Poca luz frames
Poca luz framesPoca luz frames
Poca luz frames
 
Frames
FramesFrames
Frames
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Marcos
MarcosMarcos
Marcos
 

Trabajo de computacion

  • 1. FRAMES EN HTML Los frames se declaran con la etiqueta <FRAMESET>, que debe ser colocada antes de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorará. Un ejemplo sencillo es el siguiente:
  • 2. ESTRUCTURA <HTML> <HEAD><TITLE> Título de la página </TITLE></HEAD> <FRAMESET ROWS=75,*> <FRAME SRC=&quot;frames1.htm&quot; > <FRAME SRC=&quot;frames2.htm&quot; > </FRAMESET> <NOFRAMES> <BODY> . </BODY> </NOFRAMES> </HTML>
  • 3. ROWS EL atributo ROWS (filas) es el que define el número y el tamaño de los frames, en este caso dos filas, de 75 píxels la primera y el resto de la ventana la segunda. También se puede dividir en columnas mediante COLS El tamaño de los frames se puede especificar de más formas: COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera COLS=150,*,150 tres colunmas, la primera y tercera de 150 píxels, la segunda ocupa el resto. ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio respectivamente. Las etiquetas NOFRAMES y BODY solamente se usan por cortesía, de hecho se pueden suprimir. Las etiquetas FRAME SRC=&quot;frames.htm&quot; cargan las página indicadas en el frame correspondiente. También es posible anidar frames, llamando a una página que tenga de nuevo frames o bien declarándolo explicita mente
  • 4. ESTRUCTURA <FRAMESET COLS=20%,*> <FRAME SRC=&quot;frames1.htm&quot;> <FRAMESET ROWS=20%,*> <FRAME SRC=&quot;frames2.htm&quot;> <FRAME SRC=&quot;frames3.htm&quot;> </FRAMESET> </FRAMESET>
  • 5. EL ATRIBUTO TARGET Lo más interesante de los frames es la posibilidad que tienen de interactuar entre si, es decir pulsar un enlace en el frame 1 y cargar el contenido en el frame 2. Para conseguir esto hay que darle un nombre a los frames y luego indicar en el enlace donde se va a cargar mediante el atributo TARGET.
  • 6. ESTRUCTURA <HTML> <HEAD><TITLE> Frames --Ejemplo 3--</TITLE></HEAD> <FRAMESET COLS=150,*> <FRAME SRC=&quot;frames4.htm&quot; NAME=margen> <FRAME SRC=&quot;frames5.htm&quot; NAME=principal> </FRAMESET> </HTML>