“Conocimiento Programación>Lenguajes De Programación

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

2014/5/25
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/87759.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/87761.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/88295.html">Cómo convertir una palabra a un entero </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86718.html">Cómo obtener un Validar WSDL fichero de la URL Axis </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87846.html">Cómo cambiar la visibilidad de una Cuadrícula WPF </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88648.html">Tipos de errores de sintaxis </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87484.html">Cómo instalar Lisp en OSX </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87912.html">Cómo hacer un desarrollo para Pocket PC Con lenguaje Eiffel </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88230.html">Cómo escribir Gráficos de Shell Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88084.html">Extreme Programming Training </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/86937.html" >¿Cómo se les paga para hacer una aplicación Facebook </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86729.html" >Cómo crear un pulso Retraso en Verilog </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87210.html" >Cómo utilizar la recursividad potencias exponenciales </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88504.html" >Asamblea de Idiomas Herramientas de programación </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87115.html" >Carácter matriz vs cadenas </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87402.html" >¿Cuáles son las desventajas de un procesador de consultas </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/88611.html" >Introducción a los Pseudocódigo </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/338160.html" >¿Cuántos tipos de código ASCII lo explican? </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88945.html" >Cómo dibujar un diagrama de flujo de CSS avanzada </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88542.html" >Definición de polimorfismo en Computadoras </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/340180.html" >¿Quién es el dios de la computadora? </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86995.html" >¿Qué Lenguaje de ordenadores utiliza palabras cortas conocido como mnemotécnicos para escribir programas </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>Conocimiento de la computadora © http://www.ordenador.online</div> </div> </body> </html>