TIPOS DE FUENTE

<font face="Comic Sans MS,arial,verdana">Este texto tiene otra tipografa</font>

TAMAO DE FUENTE
<font size=4>Este texto es ms grande</font

COLOR DE FUENTE
<font color="red">Este texto est en rojo</font>

1. EFECTO DE MOVIMIENTO HACIA ARRIBA

<marquee direction="up">Movimiento de Texto</marquee>

2. EFECTO RE BOTE EN DIAGONAL

<marquee behavior="alternate" direction="up"><marquee direction="right">Movimiento de Texto</marquee></marquee>

3. MP3

<BGSOUND SRC="imagine.mid">

4. INSERTAR VIDEO
<img start="fileopen" dynsrc="nombredelvideo.wmv">

5. ESTRELLAS VOLANDO EN EL ESPACIO <mce:script type="text/javascript" _mce_src="http://ladiskoteka.googlepages.com/starfield.js"></mce:script>

6. EFECTOS METEORITOS <mce:script type="text/javascript"><!-var bits=100;var intensity=7;var speed=20;var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93"); var dx, xpos, ypos, bangheight;var Xpos=new Array();var Ypos=new Array();var dX=new Array();var dY=new Array();var decay=new Array();var colour=0;var swide=800;var shigh=600;function write_fire() {var b, s;b=document.createElement("div");s=b.style;s.position="absolute";b.setAttribute("id", "bod");document.body.appendChild(b);set_scroll();set_width();b.appendChild(div("lg", 3, 4));b.appendChild(div("tg", 2, 3));for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));}function div(id, w, h) {var d=document.createElement("div");d.style.position="absolute";d.style.overflow="hidden";d.sty le.width=w+"px";d.style.height=h+"px";d.setAttribute("id", id);return (d);}function bang() {var

i, X, Y, Z, A=0;for (i=0; i<bits; i++) {X=Math.round(Xpos[i]);Y=Math.round(Ypos[i]);Z=document.getElementById("bg"+i).style;if((X >=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {Z.left=X+"px";Z.top=Y+"px";}if ((decay[i]-=1)>14) {Z.width="3px";Z.height="3px";}else if (decay[i]>7) {Z.width="2px";Z.height="2px";}else if (decay[i]>3) {Z.width="1px";Z.height="1px";}else if (++A) Z.visibility="hidden";Xpos[i]+=dX[i];Ypos[i]+=(dY[i]+=1.25/intensity);}if (A!=bits) setTimeout("bang()", speed);} function stepthrough() {var i, Z;var oldx=xpos;var oldy=ypos;xpos+=dx;ypos-=4;if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {for (i=0; i<bits; i++) {Xpos[i]=xpos;Ypos[i]=ypos;dY[i]=(Math.random()-0.5)*intensity;dX[i]=(Math.random()0.5)*(intensityMath.abs(dY[i]))*1.25;decay[i]=Math.floor((Math.random()*16)+16);Z=document.getElementB yId("bg"+i).style;Z.backgroundColor=colours[colour];Z.visibility="visible";}bang();launch();}docu ment.getElementById("lg").style.left=xpos+"px";document.getElementById("lg").style.top=ypo s+"px";document.getElementById("tg").style.left=oldx+"px";document.getElementById("tg").st yle.top=oldy+"px";}function launch() {colour=Math.floor(Math.random()*colours.length);xpos=Math.round((0.5+Math.random())*s wide*0.5);ypos=shigh-5;dx=(Math.random()0.5)*4;bangheight=Math.round((0.5+Math.random())*shigh*0.4);document.getElementById("l g").style.backgroundColor=colours[colour];document.getElementById("tg").style.backgroundC olor=colours[colour];}window.onscroll=set_scroll;function set_scroll() {var sleft, sdown;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;}var s=document.getElementById("bod").style;s.top=sdown+"px";s.left=sleft+"px";}window.onresiz e=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.clientHe ight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}window.onload=func tion() { if (document.getElementById) {set_width();write_fire();launch();setInterval('stepthrough()', speed);}} // --></mce:script> 7. EFECTO ESPACIO <script type="text/javascript" src="http://inacho07.googlepages.com/starfield.js"></script>

ALGORITMOS DE MOVIMIENTO

8. DE DERECHA A IZQUIERDA <marquee>Movimiento de Texto</marquee>

9. DE IZQUIERDA A DERECHA <marquee direction="right">Movimiento de Texto</marquee>

DE REBOTE <marquee behavior="alternate">Movimiento de Texto</marquee>

10. DE ABAJO HACIA ARRIBA <marquee direction="up">Movimiento de Texto</marquee> ALGORITMOS DE HOJAS CAYENDO (INSERTEN ESTE ALGORITMO DEBAJO DEL BODY BACKGROUND DEL INICIO) <script> //<![CDATA[ // Fall v2.0 By MaxxBlade - http://www.maxxblade.co.uk/fall var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=15, waft=100, fallSpeed=5, wind=-1;

newObject("http://lh5.googleusercontent.com/--jcOdbfXsBs/UGS2U_spSLI/AAAAAAAADCU/G4XZ0mSEHg/s100/hoja1.png",29,15); newObject("http://lh5.googleusercontent.com/aE24R5QmbE4/UGS2U_hZj0I/AAAAAAAADCM/7Hb18sy3qfo/s100/hoja2.png",27,23); newObject("http://lh6.googleusercontent.com/9H8JyoZ6j3g/UGS2U2aOamI/AAAAAAAADCQ/6zY7uKgyV2A/s100/hoja3.png",46,15); newObject("https://lh3.googleusercontent.com/OhuXMSqpELQ/UGS2Vq8Qf0I/AAAAAAAADCg/UTCK1YQUZqA/s100/hoja4.png",36,33); function winSize(){winWidth=(moz)?window.innerWidth:document.body.clientWidth;winHeight=(moz) ?window.innerHeight:document.body.clientHeight;} function fallObject(num,vari,nu){

objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fall Objects[vari][2]); if(nu==1){document.write('<img id="fO'+i+'" style="position:absolute;zindex:9;background:none;border:0;padding:0;box-shadow:none;" src="'+fallObjects[vari][0]+'">'); } } function fall(){ for(i=0;i<numObjs;i++){ var fallingObject=document.getElementById('fO'+i); if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);} objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3]; with(fallingObject.style){ top=objects[i][1]+winOffset+"px";left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+"px" ;} } setTimeout("fall()",31); } var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!documen t.all)?1:0;winSize(); for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);} window.onresize=winSize;fall(); //]]> </script>

CODIGOS COMPUTACION <html> TAG INICIO DE PAGINA WEB

<body> TAG INICIO DE PAGINA WEB

<H1> TAG DE TITULO DE PAGINA

<br /> TAG SALTO DE PAGINA

<img src="foto.jpg" width="100px" height="150px" />

TAG COLOCAR IMAGENES

</body> TAG CIERRE DE PAGINA WEB

</html> TAG CIERRE DE PAGINA WEB

CODIGO HTML EFECTO NIEVE:

Pods cambiar la imagen reemplazando por una tuya alojada en el servidor poniendo su nombre donde est en rojo.

<script> var no = 5; // snow number var speed = 15; // smaller number moves the snow faster var snowflake = "snow.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 400, doc_height = 500; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = 500; doc_height = 500; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables

if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); }

setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script>

EFECTO TITULO CAMBIA DE COLORES

<!-- inicio de head--> <script> mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk [14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF ";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}}; function color(begin,einde,stappen,stap){ hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1)); hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3)); hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5)); pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1)); pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3)); pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5)); if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap); ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1(Math.floor(ff1/16)*16))+"\'");} ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap); ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1(Math.floor(ff1/16)*16))+"\'");} if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap); ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2(Math.floor(ff2/16)*16))+"\'");} ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap); ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2(Math.floor(ff2/16)*16))+"\'");} if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap); ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-

(Math.floor(ff3/16)*16))+"\'");} ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap); ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3(Math.floor(ff3/16)*16))+"\'");} ;return ff1+ff2+ff3} bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){ for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,M ath.floor(message.length/2),i)}; for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(mess age.length/2),(i-Math.floor(message.length/2)))}; lightf1()} function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[m essage.length+1]=txt[message.length+1]+"<font color='#"+txt[ibum2]+"'>"+message.charAt(i)+"</font>" }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.le ngth+1];setTimeout("lightf1()",50)} </script> </head> <body bgcolor="#FFFFFF" background="globulos.jpg"> <!--inicio del body --> <center><h1><div id="light"></div></h1> <script> lightcolor1="FF0000" // color lightcolor2="33CC66" // color message="Ttulo que cambia de colores" // introduce el texto lightf() </script> </center> <!--fin del body -->