ENSEÑANZA PARA EL FUTURO: TODOS LOS CÓDIGO PARA PROYECTO FINAL

FAVOR DE REVISAR, CADA CÓDIGO TIENE EL NOMBRE DE LA PÁGINA A LA QUE CORRESPONDE

accesorios.html

<HR SIZE=10 COLOR=Teal>
          <TABLE BORDER=6 ALIGN=CENTER>


             <TR>
                   <TH><H2>Accesorio</H2></TH>
                    <TH><H2>Caracter&iacutesticas</H2></TH>
           <TH><H2>Precio</H2></TH>
             </TR>
            <TR>
                   <TD><IMG SRC=collar1.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Collar corazón dorado<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Cadena bañada en oro 35 cm de largo, corazón con una medida de 7 mm. Este producto está hecho con materiales hipoalergénicos para cualquier tipo de piel.<P></font>

           </TD>
                   <TD BGCOLOR=990000>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,399.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=collar2.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Collar corazón partido<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Ideal para reforzar el lazo entre una linda amistad o tu gran amor. Cadena bañada en oro 45 cm de largo, dijes de oro con una medida de 2.5 cm. Grabado el nombre que se desee.<P></font>

           </TD>
                   <TD BGCOLOR=990000>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,099.99<P></FONT></H2>
                   </TD>
            </TR>
             <TR>
                   <TD><IMG SRC=collar3.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Collar elefante<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Cadena bañada en oro 45 cm de largo. Dije con incrustaciones de piedras cristalinas de colores con una medida de 2 cm. Elaborado con materiales hipoalergénicos.<P></font>

           </TD>
                   <TD BGCOLOR=990000>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$2,149.99<P></FONT></H2>
                   </TD>
            </TR>
            <TR>
                   <TD><IMG SRC=collar4.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Collar Yin Yang<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Está hecho de trenzado textil negro y decoración de hilo encerado en color plata 50 cm de largo. Cuenta con incrustaciones de piedra negra y blanca el dije tiene una medida de 3 cm.<P></font>

           </TD>
                   <TD BGCOLOR=990000>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,199.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=collar5.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Collar cámara<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Cadena de 60 cm de largo, bañada en oro. Dije de 3 cm en color dorado y plateado. Ideal para llevarse en pareja y capturar todos esos bellos momentos juntos.<P></font>

           </TD>
                   <TD BGCOLOR=990000>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$2,799.99<P></FONT></H2>
                   </TD>
            </TR>
<p>
<MARQUEE DIRECTION=LEFT><H1><dt><font face="Castellar"<B><FONT COLOR="PURPLE">COLLARES</FONT></H1></MARQUEE>
</TABLE>

<HR SIZE=10 COLOR=PURPLE>
          <TABLE BORDER=6 ALIGN=CENTER>

             <TR>
                   <TH><H2>Accesorio</H2></TH>
                    <TH><H2>Caracter&iacutesticas</H2></TH>
           <TH><H2>Precio</H2></TH>
             </TR>
         <TR>
                   <TD><IMG SRC=pulsera1.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Pulsera perla y estrella<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Una estrella dorada es du decoración principal. Trenzado de textil en negro. Decoración perlada, y un pompón dorado como contraste de color en el diseño.<P></font>

           </TD>
                   <TD BGCOLOR=teal>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,399.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=pulsera2.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Pulsera trenzada con detalles plateados<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Hecha de material textil café trenzado, con hilo encerado color marrón como decoración. Detalles plateados y un dije grabado. Un broche plata para abrir fácilmente.<P></font>

           </TD>
                   <TD BGCOLOR=teal>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,599.99<P></FONT></H2>
                   </TD>
            </TR>
            <TR>
                   <TD><IMG SRC=pulsera3.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Pulsera de plata<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Con un dije en forma de infinito pateado con incrustaciones cristalinas. Cadena de plata con destellos brillantes como decoración. Con un broche el la parte trasera para su fácil manejo.<P></font>

           </TD>
                   <TD BGCOLOR=teal>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$3,499.99<P></FONT></H2>
                   </TD>
            </TR>
             <TR>
                   <TD><IMG SRC=pulsera4.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Pulsera Mickey Disney<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Cadena plateada de 10.5 cm con un broche plateado para su fácil acceso. Dijes variados alusivos a Disney, como principal decoración la forma emblemática del ratón Mickey. Con colores como rojo, negro y plateado tiene estas incrustaciones bastante llamativas.<P></font>

           </TD>
                   <TD BGCOLOR=teal>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$2,499.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=pulsera5.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Pulsera corona<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Elaborada con piedras naturales tratadas color negro. Detalles negros camuflados con plata a los costados del dije principal, siendo este una corona negra realmente hermosa.<P></font>

           </TD>
                   <TD BGCOLOR=teal>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$1,499.99<P></FONT></H2>
                   </TD>
            </TR>
<p>
<MARQUEE DIRECTION=LEFT><H1><dt><font face="Castellar"<B><FONT COLOR="PURPLE">PULSERAS</FONT></H1></MARQUEE>
</TABLE>

<HR SIZE=10 COLOR=NAVY>
          <TABLE BORDER=6 ALIGN=CENTER>

        <TH><H2>Accesorio</H2></TH>
                    <TH><H2>Caracter&iacutesticas</H2></TH>
           <TH><H2>Precio</H2></TH>
             </TR>
         <TR>
                   <TD><IMG SRC=anillo1.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Anillo de diamantes<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Elaborado con oro rosa. Incrustaciones plateadas y detalles dorados alrededor . Los pequeños diamantes se hacen notar gracias a su asombroso brillo.<P></font>

           </TD>
                   <TD BGCOLOR=#CC99CC>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$5,499.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=anillo2.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Anillo infinito<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Anillo 100% elaborado con plata. Sencillo pero a su vez asombroso. Forma de infinito con pequeños y deslumbrantes diamantes cristalinos.<P></font>

           </TD>
                   <TD BGCOLOR=#CC99CC>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$4,399.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=anillo3.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Anillo oro tricolor<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Anillo de tres oros de color amarillo, blanco y rosado. 18 kilates lo hace tan especial. Clásico y elegante para cualquier persona.<P></font>

           </TD>
                   <TD BGCOLOR=#CC99CC>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$6,799.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=anillo4.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Anillo promesa<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Anillo bañado en oro, como único pero significativo detalle tiene un nudo al frente, representando que nunca se romperá la promesa dicha antes.<P></font>

           </TD>
                   <TD BGCOLOR=#CC99CC>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$5,299.99<P></FONT></H2>
                   </TD>
            </TR>
        <TR>
                   <TD><IMG SRC=anillo5.jpg WIDTH=220 HEIGHT=220></TD>
             <TD BGCOLOR=ccccc ALIGN=CENTER>
            <H3><dt><u><font face="Century Gothic"<P>Anillo calavera<P></font></u></H3>
            <dt><font face="Bookman Old Style" <P>Un exquisito anillo de oro blanco coronado con un hermoso diamante, deja que la elegancia y perfección de este anillo solitario cautive al amor de tu alma. Con incrustaciones de diamantes pequeños.<P></font>

           </TD>
                   <TD BGCOLOR=#CC99CC>
                      <H2><dt><font face="Arial Rounded MT Bold"<B><FONT COLOR="WHITE"><P>$5,799.99<P></FONT></H2>
                   </TD>
            </TR>
<p>
<MARQUEE DIRECTION=LEFT><H1><dt><font face="Castellar"<B><FONT COLOR="PURPLE">ANILLOS</FONT></H1></MARQUEE>
</TABLE>
<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>

</script>
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
// <![CDATA[
var colour="#cc9900";
var sparkles=40;

var x=ox=800;
var y=oy=600;
var swide=1600;
var shigh=1200;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(2px, 8px, 8px, 2px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

botas.html

botasmujer.html

casuelesmujer.html

concenos.html

<HTML>
<body bgcolor=#ccccff>

<H1><center><dt><u><font face="Courier New"<P>Nuestra filosof&iacutea<P></font></u></center></H1>
<H2><font face="Century Gothic"<P>Visi&oacuten<P></font></H2>
<H3><font face="Garamond"<P>Ser la firma lider del nivel socioecon&oacutemico medio alto, estando a la vanguardia y vistiendo con estilo y estatus a la gente econ&oacutenomicamente activa. Ser los m&aacutes fuertes en el mercado nacional y con una importante proyeccio&oacuten internacional.<P></font></H3>

<H2><font face="Century Gothic"<P>Misi&oacuten<P></font></H2>
<H3><font face="Garamond"<P>Somos una empresa que promueve un estilo de vida creando sentimientos y emociones positivas a trav&eacutes del servicio, diseño e innovaci&oacuten de productos de uso personal, con la m&aacutexima calidad, que transmiten un mensaje de conciencia.<P></font></H3>

<H2><font face="Century Gothic"<P>Filosof&iacutea<P></font></H2>
<H3><font face="Garamond"<P>En Ariadna´s queremos que el cliente nos vea como sin&oacutenimo de calidas.
Para eso nos esforzamos en lograr la excelencia en:<P></font></H3>
<UL>
<LI>Imagen de Marca
<LI>Producto
<LI>Puntos de venta
<LI>Servicio
</LI>
</UL>

<H2><font face="Century Gothic"<P>Valores<P></font></H2>
<UL>
<LI>Eficiencia
<LI>Excelencia
<LI>Integridad
<LI>Lealtad
<LI>Liderazgo Positivo
<LI>Responsabilidad
<LI>Trabajo en equipo
</UL>

<hr size=6 color=#cc33cc>

<H1><center><dt><u><font face="Courier New"<P>Nuestra Historia<P></font></u></center></H1>
<H3><center><font face="Bradley Hand ITC"<P>Nuestra historia comienza en el a&ntildeo 2015, cuando un par de jovenes empresarias dispuestas a todo deciden formar un peque&ntildeo negocio donde solo se vend&iacutea ropa fabricada por ellas mismas, se hacian dise&ntildeos personalizados y con ello y la gran empat&iacutea que ten&iacutean, lograron vender miles de piezas al a&ntildeo, con este dinero recaudado toman la decisi&oacuten de rentar un establecimiento m&aacutes grande, contratar la ayuda de algunos empleados y comprar maquinas que lograran la mayor producci&oacuten al d&iacutea. Desde entonces la empresa ha ido creciendo gracias al esfuezo y empeño de cada uno de los trabajadores que participan en este proyecto. <P></font></center></H3>

<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>
</HTML>

envios.html

<html>
<body bgcolor="#ffcc99" text=#000000">

<H1><center><font face="Copperplate Gothic Bold"><P>Pol&iacutetica de env&iacuteos</p></font></center></h1>
<h3><font face="Bembo"><p>Dependiendo del pa&iacutes de destino, los plazos y el coste del env&iacuteo ser&aacten diferentes. Los m&eacutetodos de env&iacuteo Est&aacutendar y Express est&aacten disponibles para la mayor&iacutea de los pa&iacutes. Una vez introduzcas tu direcci&oacuten de env&iacuteo, podr&aactes comprobar los servicios de entrega dsiponibles para tu pa&iacutes.
Los gastos de envio se calculan autom&aacuteticamente en el momento del pago, cuando se seleccionan tanto el destino como el m&eacutetodo de env&iacuteo.</p></font></h3>

<h3><font face="Bembo"><p>El servicio de seguimiento est&aacute disponible en algunos env&iacuteos est&aacutendar y en todos los env&iacuteos express. Recibir&aacutes un correo informativo con el enlace de seguimiento para que puedas seguir el trayecto de tu paquete.</p></font></h3>

<h3><font face="Bembo"><p>Tu pedido se enviar&aacute a trav&eacutes del socio de entrega m&aacutes adecuado, dependiendo de la demensi&oacuten del paquete.</P></font></h3>

<h3><font face="Bembo"><p>Nuestros socios de entrega realizan entregas en horario laboral y pueden requerir acuse de recibo, por lo que sugerimos que tu pedido sea entregado en una direcci&oacuten en la que se escuentre alguien para recoger tu paquete.</P></font></h3>

<h3><font face="Bembo"><P>Una vez que tu paquete llegue al pa&iacutes de destino, se entregar&aacute mediante el servicio de mensajer&iacutea local, de acuerdo con su procedimiento en env&iacuteo est&aacutendar.</P></font></h3>

<h3><font face="Bembo"><P>Si no est&aacutes en el momento de la entrega, el repartidor dejar&aacute una nota informativa indic&aacutendote d&oacutende est&aacute tu paquete. Podr&iacutea haberse depositado en un lugar seguro o se te indicar&aacuten los detalles para concertar un nuevo intento de entrega.</P></font></h3>

<h3><font face="Bembo"><P>Ten en cuenta que no se realiz&aacuten entregas durante los d&iacuteas festivos de tu pa&iacutes, por lo que te pedir&iacuteamos que esperaras al siguiente d&iacutea laborable.</P></font></h3>

<UL>
<font face="Courier New"><LI>Intentamos cumplir con los tiempos estimados de entrega, pero durante periodos ajetreados puede que las entregas se demoren un poco (tambi&eacuten en rebajas). A veces, algunas opciones de env&iacuteo no est&aacuten disponibles o hay que revisar los tiempos l&iacutemites y/o prolongar las fechas de entrega debido a actualizaciones del sistema o situaciones de fuerza mayor, como condiciones temporales extremas. No obstante, siempre trabajaremos duro para mantener estos cambios temporales al m&iacutenimo. Ariadna�s no se hace responsable de los paquetes desaparecidos o robados a causa de instrucciones especiales sobre la entrega a la empresa de mensajer&iacutea.</font>
</UL>
<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>

formales.html

formatos.html

<html>
<head>
<title>Ejercicio sobre temaños y formatos</title>
</head>

<body bgcolor=cccccc text=teal>
<p style="font-size: 40px;">Esto está a un tamaño de 40px</p>
<p style="font-size: small;">Esto está a un tamaño small</p>
<p style="font-size: medium;">Esto está a un tamaño medium</p>
<p style="font-size: large;">Esto está a un tamaño large</p>
<p style="font-size: xx-small;">Esto está a un tamaño xx-small</p>
<p style="font-size: 2%;">Esto está a un tamaño 2%</p>
<p style="font-size: 20%;">Esto está a un tamaño 20%</p>
<p style="font-size: 80%;">Esto está a un tamaño 80%</p>
<p style="font-size: 200%;">Esto está a un tamaño 200%</p>
<p style="font-size: 300%;">Esto está a un tamaño 300%</p>
<h2>Pruebas de formatos</h2>
Esto es normal
<sub>y esto es subíndice:sub </sub><br>
Esto es normal <sup>y esto es superíndice: sup </sup><br>
<br>
</body>
</html>

hombre.html

<body bgcolor=#66cccc>
<HR SIZE=10 COLOR=Navy>

          <TABLE BORDER=6 ALIGN=CENTER>
             <CAPTION>
<H1><font face="Garamond"><font color=white>
<B>En la tabla se describen algunos detalles de las diferentes prendas</B>
</H1></FONT>
             </CAPTION>

             <TR>
                   <TH><H2><font color=white>Prenda</H2></FONT></TH>
                   <TH><H2><font color=white>Tallas</H2></FONT></TH>
                   <TH><H2><font color=white>Características</H2></FONT></TH>
                   <TH><H2><font color=white>Colores</H2></FONT></TH>
           <TH><H2><font color=white>Precio</H2></FONT></TH>
             </TR>
             <TR>
                   <TD><IMG SRC=camisas.jpg WIDTH=150 HEIGHT=220></TD>
                   <TD BGCOLOR=AQUAMARINE ALIGN=CENTER>
           <H3><font color=BLACK>
                       <P>Ch</P>
                   <P>M</P>
               <P>G</P>
                       <P>XL</P>
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=CORNFLOWERBLUE>
           <H3><font face="Garamond"><font color=white>
                      Hecho en M&eacutexico
                      <BR>
                      Poliester 95%.
                      <BR>
                      Spandex 5%
               </H3></FONT>
                   </TD>
                   <TD BGCOLOR=WHITE>
                      <IMG SRC=camcolor.jpg WIDTH=100 HEIGTH=150>
                   </TD>
           <TD BGCOLOR=deb887>
           <H2><font face="Garamond"><font color=black>
                      $299.99
           </H2></FONT>
                   </TD>
            </TR>
            <TR>
                   <TD>
                       <IMG SRC=pantalones.jpg WIDTH=150 HEIGHT=220>
                   </TD>
                    <TD BGCOLOR=lime ALIGN=CENTER>
            <H3><font color=BLACK>
                       <P>Ch</P>
                   <P>M</P>
               <P>G</P>
                       <P>XL</P>
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=BEIGE>
           <H3><font face="Garamond"><font color=BLACK>
                      Hecho en M&eacutexico
                      <BR>
                      Poliester 85%.
                      <BR>
                      Spandex 15%
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=WHITE>
                      <IMG SRC=pantcolor.jpg WIDTH=100 HEIGTH=220>
                   </TD>
                      <TD BGCOLOR=cccccc>
              <H2><font face="Garamond"><font color=black>
                      $449.99
               </H2></FONT>
                   </TD>
             </TR>
             <TR>
                   <TD>
                       <IMG SRC=playeras.jpg WIDTH=150 HEIGHT=220>
                   </TD>
                   <TD BGCOLOR=cyan ALIGN=CENTER>
           <H3><font color=BLACK>
                       <P>Ch</P>
                   <P>M</P>
               <P>G</P>
                       <P>XL</P>
               </H3></FONT>
                   </TD>
                   <TD BGCOLOR=teal>
           <H3><font face="Garamond"><font color=white>
                      Hecho en M&eacutexico
                      <BR>
                      Poliester 45%.
                      <BR>
                      Spandex 55%
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=WHITE>
                      <IMG SRC=playcolor.jpg WIDTH=100 HEIGTH=150>
                   </TD>
                      <TD BGCOLOR=pink>
              <H2><font face="Garamond"><font color=black>
                      $149.99
               </H2></FONT>
                   </TD>
              </TR>
              <TR>
                   <TD>
                       <IMG SRC=sudadera.jpg WIDTH=150 HEIGHT=220>
                   </TD>
                   <TD BGCOLOR=99ffff ALIGN=CENTER>
           <H3><font color=BLACK>
                      <P>Ch</P>
                   <P>M</P>
               <P>G</P>
                       <P>XL</P>
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=2e8b57>
           <H3><font face="Garamond"><font color=white>
                       Hecho en M&eacutexico
                      <BR>
                      Poliester 25%.
                      <BR>
                      Spandex 55%
              <BR>
              Nylon 20%
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=WHITE>
                      <IMG SRC=sudadecolor.jpg WIDTH=100 HEIGTH=150>
                   </TD>
           <TD BGCOLOR=ff9900>
           <H2><font face="Garamond"><font color=black>
                      $649.99
            </H2></FONT>
                   </TD>
               </TR>
             <TD>
                       <IMG SRC=bermuda.jpg WIDTH=150 HEIGHT=220>
                   </TD>
                   <TD BGCOLOR=ffff00 ALIGN=CENTER>
           <H3><font color=BLACK>
                      <P>Ch</P>
                   <P>M</P>
               <P>G</P>
                       <P>XL</P>
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=ff9900>
           <H3><font face="Garamond"><font color=white>
                       Hecho en M&eacutexico
                      <BR>
                      Poliester 65%.
                      <BR>
                      Spandex 25%
              <BR>
              Nylon 10%
           </H3></FONT>
                   </TD>
                   <TD BGCOLOR=WHITE>
                      <IMG SRC=bermcolor.jpg WIDTH=100 HEIGTH=150>
                   </TD>
           <TD BGCOLOR=66cc99>
           <H2><font face="Garamond"><font color=black>
                      $259.99
            </H2></FONT>
                   </TD>
<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>
           </TABLE>
      </BODY>
</HTML>

</script>
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
// <![CDATA[
var colour="#ff0000";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

imagenes.html

<body bgcolor=66cc99>

<B><FONT COLOR="MAGENTA"><h1>IMAGEN <IMG></h1></B> </FONT>

<img src="monarca.jpg" width="400" height="200">

<B><FONT COLOR="BLUE"><h1>TEXTO ALTERNATIVO</h1></B> </FONT>

<img src="cebra.jpg" alt="imagen mariposa" width="400" height="200">

<B><FONT COLOR="BROWN"><h1>BORDE DE UNA IMAGEN</h1></B> </FONT>

<img src="morpho.jpg" border="4" width="400" height="200">

<B><FONT COLOR="TEAL"><h1>TAMAÑO DE UNA IMAGEN</h1></B> </FONT>

<img src="pajaro.jpg" width="400" height="200">

<P><A NAME=Video></P>
<IMG DYNSRC=Perro_malo.wmv WIDTH=500 HEIGHT=400>
</body>
</html>

index.html

<html>

<title>ejercicio varios</title>

<B><FONT COLOR="navy"><h1>Frases varias</h1> </B> </FONT>
<body bgcolor=ffffcc text=black>

<ul>

<li>Ser original no es ser distinto, sino autentico.

<li>Las ilusiones sostienen el alma.<li> el perro es el mejor amigo del hombre.

<li>Evite la cruda, siga borracho.

<li>No hay mujeres feas, pero algunas son expertas en ocultar su belleza.

<li>Toda cinta pornografica, comenzo siendo una pelicula virgen.

<li>Cuando una mujer quiere manejare, empieza desabotonando un botos de tu camisa.

<li>Hay veces que los arboles no dejan ver el bosque, ni la mujer a la mujer.

<li>Cada cabeza es un mundo, pero cuando me besas, mi cabeza es un sol.

<li>Mientras más disminuye mi gusto por el chocolate, mayor es mi pasión por la mujer.

<li>Ayuda a tus semejantes a levantar su carga, pero no te consideres obligado a llevarla.

<li>Azar es una palabra vacia de sentido, nada puede exixtir sin causa.

<li>Cada cual tiene la edad de sus emociones.

<li>Cada uno muestra lo que es en los amigos que tiene.

<li>Si dudas calla.

<li>El respeto a la vieja ajena, es la conservación de los dientes.

<li>Lo que importa no es lo que tienes, sino lo que haces con lo que tienes.

<li>Cuando más obscuro está, es que pronto va a amanecer.

<li>La inteligencia me persigue pero yo soy más rápido.

<li>Siembra un árbol haz feliz a un perro.

<li>Si ves que alguien descansa ayúdalo

<li>Tonto es el que presta un libro, pero más tonto el que lo regresa

<li>Del cielo cayó un pañuelo bordado de seda negra; ve y dile a tu madre si no quiere ser mi suegra.

<li>La única forma de lidiar con una mente cerrada, es con la boca cerrada.

<li>El amor no se declara, se prueba.

<li>El amor eterno dura aproximadamente 3 meses.

<li>La pereza viaja tan lento que la pobreza no tarda en alcanzarla.

<li>Errar es humano, pero hecharle la culpa a otro es más humano.

<li>No hay cosa más fácil que dar un consejo ni más difícil que saberlo tomar.

<li>No está la felicidad en vivir, si no en saber vivir.

<li>El hombre se cree siempre ser más de lo que es, y se estima menos de lo que vale.

<li>Amor es encontrar en la felicidad del otro la propia felicidad.

<li>La curiosidad es la hija de la ignorancia y la madre de la ciencia.

<li>LA pobreza carece de muchas cosas, pero la avaricia carece de todo.

<li>Más vergonzoso es desconfiar de nuestros amigos, que ser engañados por ellos.

<li>Toda cinta pornografica, comenzó siendo una película virgen.

<li>LAdron que roba a ladron vive en el D.F.

<li>Amor es encontrar en la felicidad del otro, la propia felicidad.

<li>Un debil puede combatir, puede vencer, pero nunca puede perdonar.

</ul>

<hr size=6 color=blue>

<center>

<B><FONT COLOR="olive"><h1>Oración del alumno</h1> </B> </FONT>

<br>Padre nuestro que estas

<br>en la escuela, santificado

<br>sea tu acordeon, venganos

<br>los dieces, hagase mi voluntad

<br>asi en la escuela como en

<br>mis maestros, danos el diez

<br>de cada día, perdonanos po

<br>copiar asi como nostros

<br>perdonamos a los que nos copian,

<br>no nos dejes caer en la dirección

<br>y libranos de todo cero amen.

</center>

<p>

<hr size=6 color=lime>

<B><FONT COLOR="magenta"><h1>Constitución del estudiante</h1> </B> </FONT>

<ol>

<li> El alumno siempre tiene la razon.

<li> En caso de que el maestro la tenga, se aplicara el art. No 1.

<li> El alumno no comete errores comprueba la sabiduria del maestro.
<li> El alumno no se vuela la clase, sale a tomar el sol.
<li> El alumno no grita, se expresa en voz alta.
<li> El alumno no dice grocerias, expresa sus sentimientos.
<li> El alumno no destruye el moviliario, comprueba su resistencia.
<li> El alumno no pinta las bancas, solo las decora.
<li> El alumno no pone apodos, estudia sinonimos y apariencias.
<li> El alumno no llega tarde, el maestro lega temprano.
<li> El alumno no platica en clase, comenta su punto de vista.
<li> El alumno no copia, comprueba que el compañero no cometa errores.
<li> El alumno no contesta, no porque no sepa, sino porque el maestro ya lo sabe.
<li> El alumno no hace acordeones, sintetiza el tema.
<li> El alumno no come en clase, solo se nutre.
<li> El alumno no se sienta mal, solo busca una posición más comoda.
<li> El alumno no recibe reportes, tan solo va a saludar al director.
<li> El alumno no repite materias, solo se especializa.
<li> El alumno no hecha desmadre, solo hace más amena la clase.
<li> El alumno reprueba no por que no estudió, sino porque el maestro no dio el tema.
<li> El alumno no es que no quiera tomar apuntes, es que el maestro dicta muy rápido.
<li> El alumno no bebe, convie.
<li> El alumno no es que no sepa los temas, es que el maestro no sabe explicar.
<li> El alumno no se duerme en clase, solo se recupera de la noche anterior
<li> El alumno no es expulsado, solo se toma unas vacaciones adelantadas.
<li> El alumno no ve revistas pornograficas, estudia anatomia.
<li> El alumno no fuma, experimenta los efectos del tabaquismo para su clase de biologia.
<li> El alumno no juega en clase, solo se esparce un poco.
<li> Los alumnos no matan clase, comprueban su capacidad de organización.
<li> Los alumnos no sobornan a sus maestros, financian su calificación.
<li> No es que el alumno no se bañe, contribuye al ahorro del agua.
<li> El alumno no pinta las paredes, estudia jeroglificos.
<li> El alumno no tira basura, comprueba la ley de la gravedad.
<li> Los alumnos no se apapachan, se dan masajes relajantes.
<li> El alumno no se equivoca, contesta desde otro punto de vista.
<li> Los alumnos no se besan, practican los primeros auxilios.
<li> Los alumnos no mienten, cuentan su versión de los hechos.
<li> El alumno no se va de pinta, adelanta sus horas libres.
<li> El alumno no se esconde del prefecto, lo pone a trabajar.
<li> El alumno no insulta a sus compañeros, practica su vocabulario.
<li> Al alumno no es que le guste tocar sus libros, los utiliza para otras cosas.
<li> Los alumnos no reciben reportes, solo visitan al director.
<li> No es que no contesten los alumnos, dan la oportunidad de que sus compañeros se expresen.
<li>El alumno no se distrae, solo planea su futuro.
<li>El alumno no saca cero, al maestro se le olvida poner el palito.
</ol>

<hr size=6 color=red>

<center>

<B><FONT COLOR="green"><h1>Piropos</h1> </B> </FONT>

<ul>

<li> Por ti suspiro por ti me muero, por ti en la escuela me saco cero.
<li> Si tus labios fueran enchufe y los míos interruptor, tendría el pelo erizado y prendido el corazón.
<li> Amor sin beso es como tallarín sin queso.
<li> Si quieres salud y energia bésame tres veces al día.
<li> Yo no sé besar, enseñame tú si sabes; que es obra de calidad enseñar al que no sabe.
<li> Si los besos se pudieran enviar por carta, esta la tendrías que leer con los labios.
<li> Si un rubio te pide un beso, y un moreno el corazón, no rechaces al moreno por un rubio besucón.
<li> Cuando vayas a tomar yo quisiera ser una copa, para llegar a tus labios y darte un beso en la boca.
<li> Quisiera ser paletita para estar en tu boquita.
<li> Si tus labios fueran miel, yo seria tu abeja.
<li> Al sol le doy un peso, a la luna le doy un tostón, y a ti querida amiga te doy mi corazón.
</ul>

<hr size=6 color=yellow>

<p>

<table border=5>
<td colspan=5>
<CENTER>CIRCO ESCOLAR</CENTER></td>
<tr>
<td>NOMBRE VULGAR</TD>
<TD>NOMBRE CIENTIFICO</TD>
<TD>FRASE COTIDIANA</TD>
<TD>PASATIEMPO</TD>
<TD>FUTURO</TD><TR>
<td>El flojo</td>
<td>Bolsus Improductivus</td>
<td>...despues de una jetita</td>
<td>Rascarse los...cachetes</td>
<td>prefecto</td><tr>
<td>La cotizada</td>
<td>Fresus Mamilus</td>
<td>Ay que naco!</td>
<td>Cancelar citas</td>
<td>Edecan de Brozo</td>
<tr><td>El gordo</td>
<td>Humanus Expansivus</td>
<td>Me das una mordida?</td>
<td>Comerse la banca</td>
<td>Policia de transito</td><tr>
<td>La matada</td>
<td>Dosentus Consentidus</td>
<td>Eso ya lo se!</td>
<td>Hacer toda la tarea</td>
<td>Maestra de catecismo</td><tr>
<td>El gracioso</td>
<td>Castrosus Insoportablus</td>
<td>Ya te sabes este?</td>
<td>Poner apodos a todo mundo</td>
<td>Conductor de tv</td><tr>
<td>La barbera</td>
<td>Lambisconus ofrecidus</td>
<td>Le ayudo profe?</td>
<td>favores a los maestros</td>
<td>Primera dama</td>
<tr><td>El maya-te</td>
<td>sexus indefinidus</td>
<td>Ay ya, no?</td>
<td>Vivorear</td>
<td>Asistonto de Paty Chapoy</td><tr>
<td>La cursi</td>
<td>Detallitus infantilus</td>
<td>Ay que mono!...te quiero</td>
<td>Escribir cartitas</td>
<td>Educadora de niños</td><tr>
<td>El borracho</td>
<td>Crudus Apestosus</td>
<td>La ultima y nos vamos</td>
<td>Chupar chelas, a todas horas</td>
<td>Catador de vino blanco</td><tr>
<td>La Levis</td>
<td>Feminus Masculinus</td>
<td>Me rifoun tiro?</td>
<td>Aventarse la cascarita</td>
<td>Infante de marina</td><tr>
<td>El perro</td>
<td>Urgidus Desesperadus</td>
<td>Te acuerdas de mi?</td>
<td>Ligarse a tus hermanas</td>
<td>Ginecologo</td><tr>
<td>La exotica</td>
<td>Corpiñus Gigantescus</td>
<td>Que tanto miras baboso?</td>
<td>Levantar miradas</td>
<td>Secretaria pechonal</td><tr>
<td>El ñero</td>
<td>Cabulus finus</td>
<td>Chin-chin...si no!</td>
<td>Enriquecer el idioma</td>
<td>Comico de carpas</td><tr>
<td>El tranzas</td>
<td>Lacrosus mañosus</td>
<td>De a como no...</td>
<td>Negociar y estafar</td>
<td>Político</td><tr>
<td>El pintor</td>
<td>Graffitis callejerus</td>
<td>Hechameaguas con la tira!</td>
<td>Decorador anonimo</td>
<td>Mantenimiento vial</td><tr>
<td>La metiche</td>
<td>Secretus Divulgatus</td>
<td>A que no te la sabes</td>
<td>leer "de 15 a 20"</td>
<td>reportera amarillista</td>
</table><hr size=6 color=deeppink>

loguito.html

<html>
<title>palabras</title>

<body bgcolor=pink text=black>
<a name="inicio">
<table border=2 bordercolor=red widh=50% aling=center cellspacing=5>
<td><a href="#odin">Odin</a></td><td><a
href="#thor">Thor</a></td><td><a
href="#balder">Balder</a></td><td><a
href="#loki">Loki</a></td><td><a
href="#ragnarok">Ragnarok</a></td>
<tr>
<td><a href="#valquiria">Valquiria</a></td><td><a
href="#frigg">frigg</a></td><td><a
href="#bragi">Bragi</<></td><td><a
href="#idun">Idun</a></td><td><a
href="#frey>Frey</a</td>
<tr>
<td><a href="#freya">Freya</a></td><td><a
href="#brunilda">Brunilda</a></td><td><a
href="#beowulf">Beowulf</a></td><td><a
href="#cebero">Cerbero</a></td><td><a
href="#pegaso#>Pegaso</a></td>
<tr>
<td><a href="#gorogona">Gorgona</a></td><td><a
href="#medusa">Medusa</a></td><td><a
href="#leviatan">Leviatan</a></td><td><a
href="#kraken">Kraken</a></td><td><a
href="#midgard">Midgard</<></td>
</table>
<dl>
<dt><font face="monotype corsiva" color=black><a
href="#inicio">ODIN</a><font>
<a name="odin">
<dd>Odin (n�rdico antiguo �dinn) o Wotan, es considerado el dios principal de la mitolog�a n�rdica y algunas religiones etenas.
Su papel, al igual qe le de muchos dioses n�rdicos, es complejo. Es el dios de la sabidur�a, la guerra y la muerte. pero tambi�n es considerado, aunque en menos medida, el dios de La magia, la poes�a, la profec�a, la victoria y la caza.
Od�n resid�a en el Asgard, en el palacio de Valaskj�il, que construy� para s� y donde se encuentra su trono, el Hli�skj�lf, desde donde pod�a observar lo que suced�a en cada uno de los nueve mundos.[1] En la batalla bland�a su lanza, llamada Gungnir y montaba su corcel de ocho patas, llamado Sleipnir
<a name="thor">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">THOR</a></font>
<dd>Thor es el dios del trueno en la mitolog�a n�rdica y germ�nica. Su papel es complejo ya que ten�a influencia en �reas muy diferentes, tales como el clima, las cosechas, la protecci�n, la consagraci�n, la justicia, las Lidias, los viajes y las batallas.

Era el dios m�s venerado de las tribus germ�nicas al menos desde los primeros registros escritos hasta los �ltimos bastiones del paganismo germ�nico en la �poca vikinga tard�a. La mayoria de los mitos germ�nicos lo mencionan o se centran en sus haza�as y en los relatos de las Eddas cumple el papel de protector del Midgard, el mundo de los hombres
<a name="balder">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">BALDER</a></font>
<dd>En el marco de la mitolog�a n�rdica y germana, Balder o Baldr es un dios y el segundo hijo de Odi�n. Tambi�n citado como Baeldaeg en algunas fuentes protohist�ricas, que presuntamente se refiere a un antiguo rey escandinavo del siglo III
<a name="loki">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">LOKI</a></font>
<dd>Loki es un dios timador de la mitolog�a n�rdica, es hijo de los gigantes Farbauti y Laufey y tiene dos hermanos, Helblindi y B�leistr de los que poco se sabe.[1] En las eddas es descrito como el "origen de todo fraude# y se mezcl� con los dioses libremente llegando a ser considerado por Od�n como su hermano o hijo hasta el asesinato de Baldr. Luego de esto los AEsir lo capturaron y le ataron a tres rocas. Se liberar� de sus ataduras para luchar contra los dioses en el Ragnar�k.
<a name="ragnarok">
<dt><font face="monotype corsiva" color black><a
href="#inicio">RAGNAROK</a></font>
<dd>En la mitolog�a n�rdica, Ragnar�k (en espa�ol: �destino de dioses�)1 es la batalla del fin del mundo. Esta batalla ser� supuestamente emprendida entre los dioses, los AEsir, liderados por Od�n y los jotuns liderados por Loki. No s�lo los dioses, gegantes, y mostruos perecer�n en esta conflagraci�n apocal�ptica, sino que casi todo en el universo ser� destruido.
<a name="valquiria">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">VALQUIRIA</a><font>
<dd>Las valquirias o valkirias son d�sir, deidades femeninas menores que serv�an a Od�n bajo el mando de Freyja, en la mitolog�a n�rdica. Su prop�sito era elegir a los m�s heroicos de aquellos ca�dos en batalla y llevarlos al Valhalla donde se convert�an en einherjar. Esto era necesario ya que Od�n precisaba guerreros para que luchasen a su lado en la batalla del fin del mundo, el Ragnar�k. Su residencia habitual era el Ving�lf, situado al lado del Valhalla. Dicho edificio contaba con quinientas cuarenta puertas por donde entraban los h�roes ca�dos para que las guerreras los curasen, deleitasen con su belleza y donde tambi�n "sirven hidromiel y cuidan de la vajilla y las vasijas para beber".
<a name="frigg">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">FRIGG</a></font>
<dd>Frigg es una de las diosas mayores en la mitolog�a n�rdica y germ�nica, esposa de Od�n, reina de los AEsir y diosa del cielo. Es la diosa de la fertilidad, el amor, el manejo del hogar, el matrimonio, la maternidad y las artes dom�sticas. En las Eddas se la menciona como una de las diosas principales, junto a Freyja.[1] Sus funciones primordiales en los relatos de la mitolog�a n�rdica la mencionan como esposa y madre. Tiene el poder de la profec�a aunque nunca relata la que sabe, y es la �nica que junto a Od�n tiene permitido sentarse en el trono Hli�skj�lf y observar sobre los nueve mundos
<a name="bragi">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">BRAGI</a></font>
<dd>Bragi es una deidad del pante�n n�rdico, hijo de od�n y la giganta Gunlod (o de Od�n y Frigg seg�n ptras versiones). Es el dios de la poes�a y los Bardos, era el poeta personal de od�n y tambi�n era uno de los Ases m�s sabios; fue el primero que supo versificar y el que mejor lo hizo, desde entonces, a las personas que sobresal�an en el arte de la poes�a, se les apodaba Bragi, tambien es conocido como el dios de la barba oblicua. Bragi es el encargado en el Valhalla de entregar la copa de bienvenida a los reci�n llegados y acogerles con palabras corteses, adem�s �l ameniza el Valhalla recitando versos.
<a name="idun">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">IDUN</a></font>
<dd>I�unn (cuyo posible significado sea "siempre joven") es una de las �synjur (diosas) de la mitolog�a n�rdica. I�unn s�lo aparce en la Edda po�tica, complilada en el siglo XIII de antiguas fuentes tradicionales, y en la Edda prosaica, escrita en el mismo siglo por Snorri Sturluson. En ambas fuentes, se la describe como la esposa del dios esc�ldico Bragi, yen Edda po�tica se le da tambien el rol de guardiana de las manzanas que dan a los dioses eterna juventud. Varias teor�as rodean su figura, y uno de los montes de Venus, Idunn Mons, fue nombrado por ella.
<a name="frey">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">FREY</a></font>
<dd>En la mitolog�a n�rdica, Freyr (a veces traducido al ingl�s como Frey, palabra que proviene de frawjaz, "Se�or"[1]) era el hijo de Nj�r�r y el hermano de Freyja. Tambi�n era el dios de la lluvia, del sol naciente y de la fertilidad. Es uno de los Vanir.
Se�or de la vegetaci�n. Su casa en Asgard era Alfheim. Freyr pose�a la Espada de la Victoria (que sab�a moverse y luchar sola por los aires), pero la abandon� por conquistar a Gerda, una gigante virgen. Posee el jabal� de oro Gullinbursti, regalo de los enanos, que tira de un carro tan deprisa como un caballo al galope, y cuyo caballo que ignora todos los obst�culos. Es el dios favorito de los elfos.
<a name="freya">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">FREYA</a></font>
<dd>Freyja, es una de las diosas mayores en la mitolog�a n�rdica y germ�nica, de la cual se preservaron numerosos relatos que la involucran o la describen. Debido a que las fuentes mejor documentadas de est� tradici�n religiosa fueron transmitidas y alteradas por historiadores cristianos medievales, y, en muchos casos, escritas m�s de siglo y medio m�s tarde, su verdadero rol, las pr�cticas paganas y su culto son inciertos.
En las Eddas, Freyja es descrita como la diosa del amor, la belleza y la fertilidad. La gente la invocaba para obtener felicidad en el amor, asistir en los partos y para tener buenas estaciones.
<a name="brunilda">
<dt><font face="monotype corsiva" color=lima><a
href="#inicio">BRUNILDA</a></font>
<dd>En la mitolog�a n�rdica, Brynhildr o Brunilda fue una skjaldm� (doncella escudera) y una valquiria. Aparece como uno de los persoajes en la saga de los volsungos y tambi�n en la Edda po�tica, por ejemplo en el Helrei� Brynhildar (El viaje infernal de Brynhild). Bajo el nombre de Br�nnhilde figura en el Cantar de los Nibelungos y en la �pera de Richard Wanger El anillo del nibelungo. Probablemente, Brunilda est� inspirada en la princesa visig�tica y porterior reina Brunegilda de Austrasia
<a name="beowulf">
<dt><font face="monotype corsiva" color=black><a
href="#inicio">BEOWULF</a></font>
<dd>Beowulf adaptado al espa�ol como Beovulfo, es un poema �pico anglosaj�n an�nimo que fue escrito en ingl�s antiguo en verso aliterativo. Cuenta con 3182 versos, y por lo tanto contiene mucho m�s texto que cualquier obra similar en su mismo idioma, representando alrededor del 10% del corpus existente del verso anglosaj�n
<a name="cerbero">

<dt><font face="monotype corsiva" color=black><a
href="#inicio">CERBERO</a></font>
<dd>En la mitolog�a griega, 'Cerbero' (en griego ???�e??? K�rberos, �demonio del pozo�), tambi�n conocido como Can Cerbero, el perro de Hades, un mostruo de tres cabezas, con una serpiente en lugar de cola. Cerbero guardaba la puerta del Hades (el inframundo griego) y aseguraba que los muertos no salieran y que los vivos no pudieran entrar. Era hijo de Equidna y Tif�n, y hermano de Ortro. La existencia de un perro infernal en la entrada de los infiernnos parece que ya estaba presente en la mitolog�a indoeuropea original, pues aparece en los mitos de otros pueblos indoeuropeos, como es el caso del perro ensangrentado Garm en la mitolog�a escandinava.
<a name="pegaso">

<dt><font face="monotype corsiva" color=black><a
href="#inicio">PEGASO</a></font>
<dd>En la mitolog�a griega Pegaso (en griego ???as??) era un caballo alado. Pegaso naci� de la sangre derramada por Medusa cuadno Perseo le cort� la cabeza. Suele representarse en blanco o negro y tiene dos alas que le permiten volar. Una caracter�stica de su vuelo es que cuando lo realiza, mueve las patas como si en realidad estuviera corriendo por el aire
<a name="gorgona">

<dt><font face="monotype corsiva" color=black><a
href="#incio">GORGONA</a></font>
<dd>En la mitolog�a griega, una gorgona (en griego antiguo ????? gorgo o ????? gorgon, �terrible�) era un despiadado monstruo femenino a la vez que una deidad protectora procedente de los conceptos religiosos m�s antiguos. Su poder era tan grande que cualquiera que intentase mirarla quedaba petrificado, por lo que su imagen se ubica en todo tipo de lugares, desde templos a cr�teras de vino, para propiciar su protecci�n. La gorgona llevaba un cintur�n de serpientes, entrelazadas como una hebilla y confrontadas entre s�.
<a name="medusa">

<dt><font face="monotype corsiva" color=black><a
href="#inicio">MEDUSA</a></font>
<dd>En la mitolog�a griega, Medusa (en griego antiguo ??d??sa M�dousa, �guardiana�, �protectora�) era un monstruo ct�nico femenino, que convert�a en piedra a aquellos que la miraban fijamente a los ojos. Fue decapitada por Perseo, quien despu�s us� su cabeza como arma[2] hasta que se la dio a la diosa Atenea para que la pusiera en su escudo, la �gida. Desde la antig�edad cl�sica, la imagen de la cabeza de Medusa aparece representada en el antilugio que aleja el mal conocido como Gorgoneion
<a name="leviatan">

<dt><font face="monotype corsiva" color=black><a
href="#inicio">LEVIATAN</a></font>
<dd>Leviat�n (del hebreo ?????????, liwyatan, enrollado) es una bestia marina del Antiguo Testamento, a menudo asociada con Satan�s, creada por Dios. (G�nesis 1:21) El t�rmino Leviat�n ha sido reutilizado en numerosas ocasiones como sin�nimo hoy en d�a gran monstruo o criatura
<a name="kraken">

<dt><font face="monotype corsiva" color=black><a
href="#inicio">MIDGARD</a></font>
<dd>En la mitolog�a n�rdica, el Midgard (en n�rdico antiguo Mi�gar�r) es el mundo de los hombres creado por los dioses Od�n y sus hermanos, Vili y Ve tras el combate con el gigante primigenio Ymir.[1] La etimolog�a del hombre deriva de mi�/mid ("miedo, centro") y gar�r/gard ("asentamiento, residencia rural"). En ese sentido, Midgard representa la tierra asentada por los hombres, un "asentamiento/residencia en el centro del mundo conocido", de all� el t�rmino com�n de "Tierra del Medio
</dl>

mujer.html

<html>
<body background="bj.jpg" bgcolor="#d6d7c6" text=#000000">
<center><table border="0" width=90% bgcolor="#FF6666">
<tr>
<td>
<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>
</tr>
</td>
<tr>
<td>

             <center><IMG SRC=faldas2.jpg BORDER=1></center>
             <P ALIGN=center>
</tr>
</td>

<tr>
<td>

             <center><IMG SRC=blusas3.jpg BORDER=1></center>
             <P ALIGN=center>
</tr>
</td>

<tr>
<td>

             <center><IMG SRC=vestidos.jpg BORDER=1></center>
             <P ALIGN=center>
</tr>
</td>

<tr>
<td>

             <center><IMG SRC=jeans.jpg BORDER=1></center>
             <P ALIGN=center>
</tr>
</td>

<tr>
<td>

             <center><IMG SRC=sudaderas.jpg BORDER=1></center>
             <P ALIGN=center>
</tr>
</td>
</HTML>
</script>
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
// <![CDATA[
var colour="#cc0099";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

nosotros.html

<body bgcolor=99ffff text=0000ff>
<table width="50%" border="1" align="center">
<caption align="right" valign="top">Cursos en linea<tr>
<tr>
<th>Sábado</td>
<th>Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Cuso FrontPage</td>
<td>Curso Flash</td>
</tr>
</table>

servicios.html

<!DOCTYPE html>
<html lang="es-ES">
<head>
    <meta charset="utf-8">
    <title>Grupo de musica - Queen</title>
    <link rel="stylesheet" href="estilos.css">
</head>
<body>
<body bgcolor=66cc99>
    <FONT COLOR="navy"><h1>Queen</h1></Font>
    <p>Banda brit&aacutenica de rock formada en 1970 en Londres. </p>
    <img src="queen.jpg" width="400" height="200" alt="Fotograf&iacutea de los componentes del grupo Queen.">
    <FONT COLOR="magenta"><h2>Integrantes del grupo</h2></Font>
    <ul>
      <li>Brian May</li>
      <li>Freddie Mercury</li>
      <li>John Deacon</li>
      <li>Roger Taylor</li>
    </ul>
    <FONT COLOR="green"><h2>Discograf&iacutea</h2></Font>
    <table>
      <caption>Grandes &eacutexitos de Queen</caption>
      <thead>
        <tr>
          <th>A&ntildeo</th>
          <th>Disco</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="2">"A Kind of Magic" fue el &aacutelbum m&aacutes exitoso.</td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>1975</td>
          <td>A Night at the Opera</td>
        </tr>
        <tr>
          <td>1986</td>
          <td>The Miracle</td>
        </tr>
      </tbody>
     </table>
     <FONT COLOR="990000"><h2>Sitio web oficial</h2></Font>
     <a href="http://www.queenonline.come/"target="_blank">www.queenonline.com</a>
     <hr>
   </body>
</html>

tablas2.html

<table width="575" border="2" cellspacing="2">
<body bgcolor=99ffff>
<tr align="center" valign="middle">
<th colspan="4"<B><FONT COLOR="green">DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE</B></FONT></th>
</tr>
<tr align="center" valign="middle">
<th rowspan="2"><B><FONT COLOR="magenta">DIFERENCIAS</B></FONT></th>
<th colspan="2"><B><FONT COLOR="blue">PERRO</B></FONT></th>
<th rowspan="2"><B><FONT COLOR="brown">HOMBRE</B></FONT></th>
</tr>
<tr align="center" valign="middle">
<th><B><FONT COLOR="navy">PEQUEÑO</B></FONT></th>
<th><B><FONT COLOR="navy">GRANDE</B></FONT></th>
</tr>
<tr align="center" valign="middle">
<td>Duración crecimiento</td>
<td>10 meses</td>
<td>18 a 24 meses</td>
<td>16 años</td>
</tr>
<tr align="center" valign="middle">
<td>Tiempo de gestación</td>
<td colspan="2">58 a 63 días</td>
<td>9 meses</td>
</tr>
<tr align="center" valign="middle">
<td>Duración de vida del pelo/cabello</td>
<td colspan="2">1 año</td>
<td>2 a 7 años</td>
</tr>
</table>

tacones.html

tenishombre.html

tenismujer.html

zapatos.html

<html>
<body background="bj.jpg" bgcolor="#d6d7c6" text=#000000">
<center> <table border="0" width=90% bgcolor="99CCFF">
<tr>
<td>
<a href="mi pagina.html">
<img src="inicio.png" alt="Boton de inicio"></a>
</tr>
</td>
<tr>
<td>
          <H2>
         <center>
         <FONT SIZE=14 FACE=Forte COLOR=#CC6699>
                 -CABALLERO-
             </FONT>
         </center>
             </H2>
             <HR SIZE=5>
             <BR>
             <BR>
             <center><IMG SRC=hombrez.jpg BORDER=2 width="400" height="320"></center>
             <P ALIGN=center>

<a href="tenishombre.html">
<img src="tenis.png" alt="Boton de tenis"></a>

<a href="formales.html">
<img src="formal.png" alt="Boton de formales"></a>

<a href="botas.html">
<img src="botas.png" alt="Boton de botas"></a>

             <H2>
             <center>
         <FONT SIZE=14 FACE=Forte COLOR=#999900>
                 -DAMA-
             </FONT>
         </center>
             </H2>
             <HR SIZE=5>
             <BR>
             <BR>
             <center><IMG SRC=mujerz.jpg BORDER=2 width="400" height="320"></center>
             <P ALIGN=center>

<a href="casualesmujer.html">
<img src="casualm.png" alt="Boton de casuales"></a>

<a href="tacones.html">
<img src="tacon.png" alt="Boton de plataforma/tacones"></a>

<a href="tenismujer.html">
<img src="tenism.png" alt="Boton de tenis"></a>

<a href="botasmujer.html">
<img src="botasm.png" alt="Boton de botines/botas"></a>

</table></center>

</script>
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
// <![CDATA[
var colour="#cc9900";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

ENSEÑANZA PARA EL FUTURO

miércoles, 1 de agosto de 2018

TODOS LOS CÓDIGO PARA PROYECTO FINAL

No hay comentarios.:

Publicar un comentario

Entradas populares