|
Webpage HTML Source Code IllustratedBelow is the HTML as viewed in a actual HTML webpage source file.Click here to see the html code below in action <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>background music and sound codes </TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META NAME="Keywords" CONTENT="background music and sound codes This is the html code to add music to your webpage background adding music to website html codes preview demonstration addong background music sounds free"> <META NAME="Description" CONTENT="use this free program to create the html codes for copy and paste into website document free to use previewer This is the html code to add music to your webpage background"> <LINK href="/favicon.ico" rel="shortcut icon"> <META content="30 days" name=revisit_after> <META content=global name=distribution> <LINK href="/favicon.ico" rel="shortcut icon"> <META content="MSHTML 6.00.2900.2180" name=GENERATOR> <LINK media=screen href="/css/codes.css" type=text/css rel=StyleSheet> <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; //--> </script> <SCRIPT LANGUAGE='JavaScript'> <!-- function aceGrabText(fieldName){ fieldName.focus(); fieldName.select(); } --> </SCRIPT><script language="JavaScript" src="/web-tools/bg-music-generator.js"> </script> <SCRIPT language=JavaScript src="/menus/dss98/menu_array.js" type=text/javascript> </SCRIPT> <SCRIPT language=JavaScript src="/menus/dss98/mmenu.js" type=text/javascript> </SCRIPT> <TABLE id=AutoNumber1 style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=670 align=center bgColor='669999' border=0> <TBODY> <TR> <TD vAlign=top noWrap align=left width=150 bgColor='475059' height=459><!-- Spacer Block --> <TABLE cellSpacing=0 cellPadding=1 border=0> <TBODY> <TR> <TD vAlign=top> <!--Start Left Menu--> <TABLE cellSpacing=0 cellPadding=0 width=180 border=0> <TBODY> <TR bgColor='bbbbbb'> <TD> <DIV align=left> <CENTER><B>H T M L Goodies </B> </CENTER> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=CENTER> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/color-codes.html'>Background Colors </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/color-attributes.html'>Color Attributes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/color-code-chart.html'>Color Code Chart </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/html-script-code-encryptor.html'>Code Encryptor </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/html-to-script-language-converter.html'>H T M L to Script </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/fonts-codes-previewer.html'>FONT Code Previewer </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/html-tags-defined.html'>H T M L Tags </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/html-code-to-plain-text-converter.html'>HTML to Text Converter </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/hyperlink-codes-creator-previewer.html'>Hyperlink Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/i-frame-html-code-creator.html'>I-Frame Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/image-size-detector.html'>Image Size Detector </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/marque-html-code-creator.html'>Marque Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/meta-tag-html-code-creator.html'>Meta Tag Code Creator </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/mouse-over-html-code-creator.html'>Mouse Over Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/background-music-codes.html'>Music Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/pop-up-window-html-codes.html'>Pop Up Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/special-charactor-html-codes.html'>Special Charactor Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/html-goodies/url-redirect-html-code-creator.html'>URL Redirect Codes </A> </DIV> </TD> </TR> <TR bgColor='bbbbbb'> <TD class=small onmouseover="this.style.backgroundColor='BBBBBB';" onmouseout="this.style.backgroundColor='BBBBBB'" align=left> <DIV align=left> <CENTER><B>C S S Goodies </B> </CENTER> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-button-codes.html'>CSS Button Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-link-styles-code-creator.html'>CSS Link Enhancements </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-mouse-over-button-creator.html'>CSS Mouse Over Buttons </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://ezcybersites.com/css-goodies/css-navagation-code-creator.html'>CSS Navagation Creator </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-scroll-bar-color-codes.html'>CSS Scroll Bar Coloring </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-tool-tip-generator.html'>DHTML Tool Tip Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/webpage-css-code-creator.html'>Webpage CSS Codes </A> </DIV> </TD> </TR> <TR bgColor='bbbbbb'> <TD class=small onmouseover="this.style.backgroundColor='BBBBBB';" onmouseout="this.style.backgroundColor='BBBBBB'" align=left> <DIV align=left> <CENTER><B>Flash Goodies </B> </CENTER> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='669999';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=left> <A href='http://www.ezcybersites.com/css-goodies/css-flash-tool-tip-codes.html'>Flash Tool Tip Codes </A> </DIV> </TD> </TR> <TR bgColor='475059'> <TD class=small onmouseover="this.style.backgroundColor='475059';" onmouseout="this.style.backgroundColor='475059'" align=left> <DIV align=CENTER><BR> <SCRIPT type="text/javascript"> <!-- if (navigator.appName == 'Microsoft Internet Explorer' && parseInt(navigator.appVersion) >= 4) { document.write('<font face=\"arial\" size=\"2\"><b><a href=\"#\" onclick=\"javascript:window.external.AddFavorite(location.href,document.title)\">'); document.write('<image src="/images/faves01.gif" border=0 alt="click here to add this page to your favorite websites list">'); }else {var msg = "Remember to bookmark this page!"; if(navigator.appName == "Netscape") msg += " (CTRL-D)"; document.write(msg); } // --> </SCRIPT> </DIV> </TD> </TR> <!-- Spacer Block --> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE><BR> <!--End Left Menu--> <TD vAlign=top align=left width=600> <! -- Main Page Content --> <TABLE cellSpacing=0 cellPadding=0 width=0 border=0> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE><!-- End Spacer Block --> </TD> <TD vAlign=top align=CENTER><!-- Layout Block --> <TABLE cellSpacing=4 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=MIDDLE align=CENTER><!-- Spacer Block --> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE><!-- End Spacer Block --> </TD> </TR> <TR> <TD vAlign=MIDDLE align=CENTER><!-- Title Block --> <TABLE width="100%"> <TBODY> <TR> <TD align=CENTER><H4>Background Music Codes Generator and Previewer! </H4> This is the html code to add music to your webpage background<br><bgsound src="location-of-music-file-goes-here" loop=infinite><p>Use the code below to try our midi music file on your website.<br> <bgsound src="http://ezcybersites.com/audio-sound/losing_my_religion.mid" loop=infinite><P>The HTML Code above goes directly into your webpage Source Code.<br>Contact us for further assistance or would like to have us do it for you.<br><a href="mailto: help@ezcybersites.com">help@ezcybersites.com </a> </TD> </TR> </TBODY> </TABLE><!-- End Title Block --> </TD> </TR> <TR> <TD vAlign=MIDDLE align=CENTER><!-- Spacer Block --> <!-- START music generator --> <embed src='http://ezcybersites.com/audio-sound/losing_my_religion.mid' height='150' width='540' controls='console' autostart='false' hidden='false'> <!-- End Gem Insert your own HTML --> <div style="text-align:left">"<B>Losing My Religion </B>" <br><br>These are the steps to put a player on your website <ol> <li><b>Fill in </b> the required information <li><b>Generate </b> the source (button at bottom) <li><b>Preview </b> your menu (button at bottom) <li><b>Copy and Paste </b> the generated source below code into your HTML page file. </ol> </div> <form name="myForm"> <div align="center"> <table border=0 cellpadding=5 cellspacing=0 style="border-collapse: collapse; border: 2px solid 000000" class="body"> <tr><td class=header> <p align="left"> <b>Music properties </b> </p> </td><td class=header width="10"> </td><td class=header colspan="2"> </td> </tr> <tr><td class=desc valign="top"> <p align="left"> Music location:<br> <input type="text" name="url" onfocus="if(this.value){}else{value=''}"> </p> </td><td align="center" class=desc width="10"> </td><td class=desc valign="top"> Auto-start:<br> <select size=1 name="autostart"> <option value=true selected>True <option value=false>False </select> </td><td class=desc valign="top"> Loop times:<br> <select name="loop" > <option value="true" selected>Infinite <option value="1">1 loop <option value="2">2 loops <option value="3">3 loops <option value="4">4 loops <option value="5">5 loops <option value="10">10 loops </select> </td> </tr> </table> </div> <br> <div align="center"> <table class="body"><tr><td align="center" colspan=2> <p align="left"><b>Display panel selection </b> </p> </td> </tr> <tr><td height=10> </td> </tr> <tr><td valign="top" style="border:0px"> <table border=0 align=center cellpadding=4 cellspacing=0 style="border-collapse: collapse; border: 2px solid 000000" class="body" height='250'> <tr><td class=header> <b>Internet Explorer 4+ </b> </td> </tr> <tr><td class=desc> <input type="radio" name="IE_size" checked value="1">Hidden (choose with auto start) </td> </tr> <tr> <td class=desc> <input type="radio" name="IE_size" value="2"> <img src="/images/a-g-image3.jpg" width='70' height='25' alt="image"> </td> </tr> <tr><td class=desc> <input type="radio" name="IE_size" value="3"> <img src="/images/a-g-image1.jpg" width='70' height='45' alt="image"> </td> </tr> <tr> <td class=desc> <input type="radio" name="IE_size" value="4"> <img src="/images/a-g-image2.jpg" width='285' height='25' alt="image"> </td> </tr> <tr><td class=desc> <input type="radio" name="IE_size" value="5"> <img src="/images/a-g-image1.jpg" width='285' height='45' alt="image"> </td> </tr> </table> </td><td valign="top" style="border:0px"> <table border=0 align=center cellpadding=4 cellspacing=0 style="border-collapse: collapse; border: 2px solid #000000" class="body" height="250"> <tr><td class=header> <b>Netscape 4.x+ </b> </td> </tr> <tr><td class=desc> <input type="radio" name="NS_size" checked value="1"> Hidden </td> </tr> <tr> <td class=desc> <input type="radio" name="NS_size" value="2"> <img src="/images/a-g-image7.jpg" width='50' height='15' alt="image"> </td> </tr> <tr> <td class=desc> <input type="radio" name="NS_size" value="3"> <img src="/images/a-g-image8.jpg" width='145' height='15' alt="image"> </td> </tr> <tr><td class=desc> <input type="radio" name="NS_size" value="4"> <img src="/images/a-g-image5.jpg" width='145' height='35' alt="image"> </td> </tr> <tr><td class=desc> <input type="radio" name="NS_size" value="5"> <img src="/images/a-g-image6.jpg" width='145' height='60' alt="image"> </td> </tr> </table> </td> </tr> </table> </div> <br> <!-- START Generate/view/reset table --> <div align="center"> <table border=0 cellpadding=4 cellspacing=0 style="border-collapse: collapse; border: 2px solid #000000" class="body"> <tr><td class="desc" align=center> Source code:<input type="button" class="button" value="Generate" onClick="generate()"> <input type="button" class="Button" value="Preview" onClick="view();"> <input type="button" value="Grab Text" onClick='aceGrabText(output);'> <input type="reset" class="button" value="Reset" onclick="if(confirm('This will reset all the boxes to their original values.\n\nAre you sure you want to Continue?')){return true;}else{return false;}"> </td> </tr> <tr><td style="border-top:2px 000000 solid;"> <textarea name="output" cols=58 rows=10 wrap="virtual">Enter the desired properties, then Generate the source code. Then copy and paste to use the script on your web page. You can use the Preview button to see a preview. </textarea> </td> </tr> </table> </div> </form> <!-- END music generator --> <p align="left"> Copy and paste the generated code into your web page html file, inside the <BODY> section, or between the <BODY> tag and the </BODY> tag. <br><BR>To enter the code(s) into a webpage html file, you will need to go into your websites <B>Members Page(s) </B>. From there, you will need to locate the websites <A href="http://www.ezcybersites.com/html-goodies/website-file-manager-screen-shot.html"><b>File Manager. </b> </A> Once you have entered the File Manager, locate the html file that represents the webpage you want to add the music to.<br> Once you locate the correct file to add the music to, click on the edit tab next to that file name and a new page will appear with the complete html code for that webpage.<br> <B>Paste the code into the BODY of that file where you want the player to be seen. </B><br> <b>Be sure to save the file as the same file name as before and save a copy of the original file for a back-up file. </b><br> We recommend saving a backup copy of the original file just in case as a safe measure. You should see the check box to back-up the original when you are editing the file in the top of your screen.<p align="left" class="path"> <BR><BR><b>If you are having trouble and would like us to help, click on the link below. <BR><BR>Please include the login information to your website, the page you want the music to be played on and the name and location of the music file.<br><br>---> <A href="/submit-form.htm">Click here for futher assistance </a> <br>---> <A href="http://www.ezcybersites.com/music/juke-box.htm" target="_blank">Click here to check out our new online karaoke juke box </A> <br><br>Thanks<br>EzCyberSites.Com </B><br>Building Home Pages And Websites <TD> </TD> </TR> </TBODY> </TABLE> <! -- End Main Page Content --> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width=650> <BR> [<a href="#top" class="backtop">TOP </a>] [<a href="javascript:history.back();" class="backtop">BACK </a>] <A href='http://www.ezcybersites.com/'>Home Page </A> </TD> </TR> </TBODY> </TABLE><!-- End Spacer Block --> </TD> </TR> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <!-- End Spacer Block --> </TD> </TR> </TBODY> </TABLE> <!-- End Layout Block --> </BODY> </HTML> TOP BACK Home Page |