“Conocimientos Programación>Lenguajes De Programación

Cómo crear un conjunto de marcos en un doc HTML

2012/10/9
marcos HTML permiten a los desarrolladores web mostrar varias páginas Web , vistas o componentes de páginas en una sola ventana del navegador . A menudo , las tramas se utilizan para los componentes de las páginas web separadas , tales como banners y contenido , y permiten la manipulación de cada sección de forma independiente. Los conjuntos de marcos , o una agrupación de tramas , se pueden definir como filas o columnas , o cualquier combinación de los dos. Una vez colocado en un marco dentro de un conjunto de marcos , las páginas Web incluidos se convierten en parte de la interfaz de usuario en general y pueden ser programados para la interacción . Cosas que necesitará
texto editor de la búsqueda Web navegador
Ver Más instrucciones
1

abrir un editor de texto y crear un archivo denominado pageInsideFrame1.html . Añadir una etiqueta " " , una etiqueta " head " , un "< /head> " etiqueta, una etiqueta " " , un "< /body> " etiqueta y una " < /html> " etiqueta en el archivo . Coloca una etiqueta " " entre el " head " y " < /head> " etiquetas , dar a la página del título de " marco de página 1 Inside" y cierre el "< /title> " tag . Coloque una etiqueta " <h1> " entre el " <body> " y " </body > " tags y dar a la página de la cabecera " Página cargada en el fotograma 1 . " Cierre el "< /h1 > " etiqueta y guardar y cerrar pageInsideFrame1.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Página interior Frame 1 < /title > <br> <p> < /head> <br> <p> <body> <br> <p> <h1> Página cargada en el fotograma 1 < /h1 > <br> < p> < /body> <br> <p> < /html> <br> 2 <p> Utilice el editor de texto para crear un segundo archivo con el nombre pageInsideFrame2.html . Añadir una etiqueta " <html> " , una etiqueta " head " , un "< /head> " etiqueta, una etiqueta " <body> " , un "< /body> " etiqueta y una " < /html> " etiqueta en el archivo . Coloca una etiqueta " <title> " entre el " head " y " < /head> " etiquetas , dar a la página del título de " marco de página 2 Inside" y cierre el "< /title> " tag . Coloque una etiqueta " <h1> " entre el " <body> " y " </body > " tags y dar a la página de la cabecera " Página cargada en Frame 2 ". Cierre el "< /h1 > " etiqueta y guardar y cerrar pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Página interior Frame 2 < /title > <br> <p> < /head> <br> <p> <body> <br> <p> <h1> Página cargada en Frame 2 < /h1 > <br> < p> < /body> <br> <p> < /html> <br> 3 <p> Utilice el editor de texto para crear un tercer archivo llamado frameHolder.html . Añadir una etiqueta " <html> " , una etiqueta " head " , un "< /head> " etiqueta, una etiqueta " <body> " , un "< /body> " etiqueta y un " < /html> " etiqueta en el archivo . Coloque una etiqueta " <title> " entre el " head " y " < /head> " etiquetas , dar a la página el título " Marco de página " y cierre el "< /title> " tag . Coloque una etiqueta " <frameset> " entre el " <body> " y " </body >" etiqueta. Establezca "filas " del conjunto de marcos de atributos a " 150 , *" para indicar el conjunto de marcos debe tener dos columnas : una que es de 150 píxeles de ancho y uno que debe ser tan amplio como el resto de la página Web. Cierre el "< /frameset > " tag y guardar frameHolder.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Frame página

< /head>


< /frameset >

< /body>

< /html >
4

Coloque una etiqueta " " entre el " " y "< /frameset >" etiquetas . Establecer el valor "src " de la trama " pageInsideFrame1.html . " Esta etiqueta indica que el primer fotograma ( 150px ) debería cargar la página pageInsideFrame1.html .



Frame Páginas < /title > <br> <p> < /head> <br> <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html> <br> 5 <p> Coloque un segundo " <frame> ; " etiqueta en el archivo entre el " <frameset> "y " < /frameset > " etiquetas. Establecer el valor "src " de la trama " pageInsideFrame2.html . " Guarde y cierre frameHolder.html . Esta etiqueta indica que el segundo cuadro ( *) Debe cargar la página pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Frame Páginas < /title > <br> <p> < /head> <br> <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> <p> <br> <frame src="pageInsideFrame2.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html> ; <br> 6 <p> abierto frameHolder.html en un navegador web. Verifique que los dos marcos de carga con los atributos esperados. Verifique la primera cargas marco pageInsideFrame1.html y la segunda cargas marco pageInsideFrame2.html . <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-encontrar-Scripts-.html' >Cómo encontrar Scripts </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-centrar-una-etiqueta-div-de-ancho-fijo-.html' >Cómo centrar una etiqueta div de ancho fijo </a> </div> </div> <dl class=xgc> <dt><span>Lenguajes De Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-implementar-Eclipse-y-Flex-en-GlassFish-.html">Cómo implementar Eclipse y Flex en GlassFish </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-Loop-un-script-VBS-.html">Cómo Loop un script VBS </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Explicación-del-uso-de-una-matriz-.html">Explicación del uso de una matriz </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-eliminar-valores-nulos-de-una-matriz-de-PHP-.html">Cómo eliminar valores nulos de una matriz de PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-construir-una-secuencia-de-comandos-Telnet-.html">Cómo construir una secuencia de comandos Telnet </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Informática-Tutorial-.html">Informática Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-Desatadlo-un-controlador-de-eventos-en-jQuery-.html">Cómo Desatadlo un controlador de eventos en jQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-personalizar-el-corrector-gramatical-Con-Office-XP-.html">Cómo personalizar el corrector gramatical Con Office XP </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-desarrollar-la-lógica-de-un-programa-que-acepte-datos-continuamente-empleados-.html" >Cómo desarrollar la lógica de un programa que acepte datos continuamente empleados </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-agregar-Acuerdo-de-licencia-de-usuario-final-de-Android-App-.html" >Cómo agregar Acuerdo de licencia de usuario final de Android App </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-Mailx-para-enviar-a-múltiples-direcciones-.html" >Cómo utilizar Mailx para enviar a múltiples direcciones </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Función-Manijas-en-MATLAB-.html" >Función Manijas en MATLAB </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Diferencias-entre-Vs-matriz-de-bytes--Cadena-.html" >Diferencias entre Vs matriz de bytes. Cadena </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Control-C-en-esperar-Script-.html" >Control C en esperar Script </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-desarrollar-la-lógica-de-un-programa-que-acepte-datos-continuamente-empleados-.html" >Cómo desarrollar la lógica de un programa que acepte datos continuamente empleados </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Diferencia-entre-los-paquetes-y-archivos-de-cabecera-.html" >Diferencia entre los paquetes y archivos de cabecera </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Los-efectos-de-desbordamientos-de-búfer-y-Cadenas-con-formato-en-el-flujo-del-programa-.html" >Los efectos de desbordamientos de búfer y Cadenas con formato en el flujo del programa </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-un-fundido-RadGrid-en-una-Animación-.html" >Cómo hacer un fundido RadGrid en una Animación </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-formato-de-fecha-en-Transact--SQL-.html" >Cómo convertir formato de fecha en Transact -SQL </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-insertar-un-subprograma-CNC-.html" >Cómo insertar un subprograma CNC </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>