Completo tutorial de HTML - Frames - Una pagina en cada marco

31 - Frames - Una pagina en cada marco

[editar]
Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com
11 de Septiembre de 2005
Las páginas que mostraremos en cada marco son documentos HTML iguales a los
que venimos creando anteriormente. Podemos colocar cualquier elemento HTML de
los estudiados en este manual, como etiquetas de párrafo, imágenes, colores de
fondo, etc.
Cada documento, como ya hemos indicado, se escribe por separado en su propio
archivo HTML. Para el ejemplo del capítulo anterior podemos definir los archivos
HTML de la siguiente manera.
pagina1.html
Es la página que contiene el titular de la web. Simplemente se trata de una
etiqueta <H1> de titular. La página tiene su propio título, con la etiqueta
<TITLE>, que no se podrá visualizar por ningún sitio a no ser que se muestre
esta página sin los frames, ya que las páginas dentro de los marcos heredan el
título de la definición de los frames.
<html>
<head>
    <title>Titulo Carnicería Pepe</title>
</head>
<body bgcolor="#DECC09">
<h1 align=center>Carnicería PEPE</h1>
</body>
</html>
pagina2.html
Es la página que se presentará en el área principal de la definición de frames,
es decir, la página que tiene más espacio para visualizarse y donde pondremos
los contenidos de la web. En este caso muestra un mensaje de bienvenida a la
web, que hará las veces de portada.
<html>
<head>
    <title>Portada de Carnicería PEPE</title>
</head>
<body bgcolor="#CF391C" text="#ffffff">
<h1 align="center">Bienvenidos a nuestra web</h1>
<br>
<br>
La carnicería PEPE, con más de 100 años de experiencia, es la mejor fuente de
carnes de vacuno y cerdo de la comunidad.
<br>
<br>
Tanto en invierno como en verano puede encontrar nuestras ofertas de temporada
de primera calidad.
</body>
</html>
pagina3.html
En esta página se mostrará la barra de navegación por los contenidos del sitio.
Contiene enlaces que deberían actualizar el contenido del área principal de la
declaración de frames, para mostrar los distintos contenidos del sitio, por
ejemplo, la portada, los productos, la página de contacto, etc.
<html>
<head>
    <title>Barra de navegación de carnicería PEPE</title>
</head>
<body bgcolor="#AC760E" link="ffffcc" vlink="ffffcc">
<div align="center">
<b>
<a href="pagina2.html">Portada</a> |
<a href="productos.html">Productos</a> |
<a href="contacto.html">Contacto</a>
</b>
</div>
</body>
</html>
[editar]

36 opiniones

aaaaaaaaaaaaaaaaaaaaaaaaaa

marix
aaaaaaaaaaaaaaaaaaaaaaaaaa

marix
suputamadre

super
b ueno
madres

bien
puto

estuvo bien mall


1 2 3 4 5 6 7 ... 8 | siguiente >

Tutoriales relacionados con 'Completo tutorial de HTML'

Bienvenidos al manual de HTML de Indaya.A través de todos estos capítulos vamos a descubrir... Más »
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque práctico... Más »
ASP (Active Server Pages) es la tecnología para la creación de páginas dinámicas del lado... Más »
Este documento describe cómo usar el sistema de spooling para impresoras de líneas que provee... Más »
Hace tiempo que terminé la traducción de un excelente artículo sobre kde-kiosk, la tecnología que... Más »

Autor y licencia de 'Completo tutorial de HTML'


Tutorial de Indaya.com. Extraido de: http://www.indaya.com CopyLeft
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.