HTML Codes

Starting:
<html> <head> <title>MY HTML Website</title> </head> <bgsound src="123.WAV"> <body background="Creative_Wallpaper_Brick_wall_022358_.jpg"> <marquee><img src="welcome_1_large.jpg"><img src="welcome_1_large.jpg"><img src="welcome_1_large.jpg"></marquee> <center><b><FONT COLOR="#0099CC"><FONT SIZE="30"><font face="monotype corsiva"><marquee>***WELCOME TO NAINA LODHI'S PAGE***WELCOME TO NAINA LODHI'S PAGE***</marquee></font face></FONT></b></center><hr>
Adding pages:
<ul id="tabs"> <li><a href="page1.html">Page 1</a></li> <li><a href="page2.html">Page 2</a></li> <li><a href="page3.html">Page 3</a></li> </ul>
Text with links:

<a href=url here>Text here</a> Photos with links: <a herf=url here><img src=photo url here/>
Welcome massage:
<script type="text/javascript"> window.onload= loaded; function loaded() {alert('TYPE YOUR OWN MESSAGE HERE');}
Exit Massage:
</script> <script type="text/javascript"> window.onunload = unloadPage; function unloadPage() {alert("TYPE YOUR OWN MESSAGE HERE");} </script>
Youtube search box:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr>
<td class="thead" width="100%"> <div style="text-align: center;"> <strong>YouTube Search</strong> </div> </td> </tr> <tr> <td class="alt1" width="100%"> <div class="smallfont" style="text-align: center;"> <form id="vb_yt_search-form" action="http://www.youtube.com/results" method="get" target="_blank"> <input id="vb_yt_search-term" name="search_query" type="text" maxlength="128" /> <select name="search_type"> <option value="" >Videos</option> <option value="search_users">Channels</option> </select> <input type="submit" value="Search" /> </form> </div> </td> </tr> </table>
Google search Box:

 <iframe src="http://www.getgooglesearch.com/htmlcodes/searchg.html" name="googlesearch" allowtransparency="true" scrolling="no" frameborder="no" height = "60px" width = "468px"></iframe> 
Snow Flaks:
<script> // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Set the letter that creates your snowflake (recommended:*) var snowletter="*" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=0.6
// Set the maximal-size of your snowflaxes var snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE ///////////////////////////////////////////////////////////////////////////
// Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginrightsnow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginrightsnow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2snow[i].size)+marginright/2} snow[i].posy=0 } }
var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script> <font face="Tahoma"><a target="_blank" href="http://www.htmlfreecodes.com/"><span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font> Mouse sparkles: <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> <!-if (document.all){ document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') for (xy=0;xy<7;xy++) document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;fontsize:2px;visibility:visible"></div>') document.write('</div>') } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200;
var xBase = 200; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xbpos = 1; var Ybpos = 1; var i = 0; var j = 0; if (document.all) { function MoveHandler(){ Xbpos = document.body.scrollLeft+event.x; Ybpos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xbpos = evnt.pageX; Ybpos = evnt.pageY; } window.onMouseMove = xMoveHandler; }
function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4 ; xBase = window.innerWidth/4; } if (document.all) {
var totaldivs=document.all.starsDiv.all.length for ( i = 0 ; i < totaldivs ; i++ ) { var tempdiv=document.all.starsDiv.all[i].style tempdiv.top = Ybpos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Ma th.cos((currStep + i*25)/10); tempdiv.left = Xbpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Ma th.cos((currStep + i*25)/10); } } else if (document.layers) { for ( j = 0 ; j < 7 ; j++ ) { var templayer="a"+j document.layers[templayer].top = Ybpos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Ma th.cos((currStep + j*25)/10); document.layers[templayer].left =Xbpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Ma th.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 15); } animateLogo(); // --> </script> </body>
Passwords field:
<html> <body> <form action=""> Username: <input type="text" name="user" /><br /> <br> Password: <input type="password" name="password" /> </form> <p><b>Note:</b> The characters in a password field are masked (shown as asterisks or circles).</p>
</body> </html>
Check box:
<html> <body> <form action=""> <input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> <input type="checkbox" name="vehicle" value="Car" /> I have a car </form> </body> </html>
Radio button:
<html> <body> <form action=""> <input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female </form> <p><b>Note:</b> When a user clicks on a radio-button, it becomes checked, and all other radio-buttons with equal name become unchecked.</p> </body> </html>
Button:
<html> <body> <form action=""> <input type="button" value="Home"> </form> </body> </html>
Submit key:
<onKeyPress="return submitenter(this,event)"><BR> <INPUT TYPE=SUBMIT VALUE="Log In">
Send email from a form:

<html> <body> <h3>Send e-mail to someone@example.com:</h3> <form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
Name:<br /> <input type="text" name="name" value="your name" /><br /> E-mail:<br /> <input type="text" name="mail" value="your email" /><br /> Comment:<br /> <input type="text" name="comment" value="your comment" size="50" /> <br /><br /> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> </body> </html>
1330-1430-9860-3108-6588-8053

HTML Codes

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Codes

Uploaded by

Copyright:

Available Formats

Starting:

Text with links:

Youtube search box:

Google search Box:

Send email from a form:

You might also like