<html> <head> <title> The Web's Best Tutorials </title> <!-- html tutorials, tutorial, forms, frames, tables, css, angelfire, Scoby2000, myfavoritpc, Alexander Thompson, Pictures, Neodesha, Kansas, Sophomore, Extended Learning, Welcome, this site features a great and easy way to learn HTML, Javascript, Forms, Frames, CSS, and Tables!! //--><!-- html tutorials, tutorial, forms, frames, tables, css, angelfire, Scoby2000, myfavoritpc, Alexander Thompson, Pictures, Neodesha, Kansas, Sophomore, Extended Learning, Welcome, this site features a great and easy way to learn HTML, Javascript, Forms, Frames, CSS, and Tables!! //--> <meta name="author" Content="Alexander Thompson"> <meta name="keywords" CONTENT="html tutorials, tutorial, forms, frames, tables, css, angelfire, Scoby2000, myfavoritepc, Alexander Thompson, Pictures, Neodesha, Kansas, Sophomore, Extended Learning, Flash, Book Reviews"> <meta name="description" CONTENT="Welcome, this site features a great and easy way to learn HTML, Javascript, Forms, Frames, CSS, and Tables!!"> <meta name="title" Content="Tutorials, Tutorials, Tutorials, Plus More!!!"> <style type="text/css"> <!-- table {width:750 px; height:550 px; background:white} A:Link {color:blue; text-decoration:none} A:Active {color:red; text-decoration:strike} A:Visited {color:blue; text-decoration:none} A:hover {text-decoration:strikeout; color:red} .norm {color:blue; font-style:normal} .news{font-style:italic} .nameForm {background:white; color:blue; font-family:Times; font-style:normal; font-Size:10 pt} h3 {color:red; font-family:times; margin-left:2in} .article {color:black; font-size:11pt; font-family:Times; font-style:normal} .welcome {color:black; font-size:11pt; font-family:Times; font-style:Italic} div {margin-right:2px; float:left; border-width-left:2px; border-width-top:2px; border-width-right:2px; border-width-bottom:2px; border-style:inset} h4.author {margin-left:75%; font-style:italic; font-size:10px} h1 {text-align:center; font-family:impact; font-size:45px; color:orange}; //--> </style> <SCRIPT LANGUAGE=JAVASCRIPT> <!-- Background Color Changer bGrounds = new Array("red") thisBG = 0 bgColorCount = bGrounds.length function rotateBG() { if (document.images){ thisBG++ if(thisBG == bgColorCount) { thisBG = 0 } document.bgColor=bGrounds[thisBG] setTimeout("rotateBG()", 100000000 * 1000)} } <!-- Background Color Changer back to white bGround = new Array("white") theBG = 0 bgCount = bGround.length function backBG() { if (document.images){ theBG++ if(theBG == bgCount) { theBG = 0 } document.bgColor=bGround[theBG] setTimeout("backBG()", 100000000 * 1000)} } <!-- Text Color Changer textColor = new Array("white") thisCR = 0 textColorCount = textColor.length function rotateText() { if (document.images){ thisCR++ if(thisCR == textColorCount) { thisCR = 0 } document.text=textColor[thisCR] setTimeout("rotateText()", 100000000 * 1000)} } function toggleMenu(currElem) { if (document.all) { menuObj = eval("document.all." + currElem + ".style") menuObj.pixelTop = toggleVal(menuObj.pixelTop) } else { menuObj = eval("document." + currElem) menuObj.top = toggleVal(menuObj.top) } } function toggleVal(inVal) { if (inVal == 0) { return -73 } return 0 } // End hiding script from old browsers --> </SCRIPT> <script language="JavaScript"> <!-- if(document.images){ home = new Image homeTwo = new Image tutor = new Image tutorTwo = new Image me = new Image meTwo = new Image feedback = new Image feedbackTwo = new Image scoby = new Image scobyTwo = new Image neody = new Image neodyTwo = new Image light = new Image lightTwo = new Image book = new Image book.src = "javascript.jpg" home.src = "images/home.gif" homeTwo.src = "images/homeTwo.gif" tutor.src = "images/tutorial.gif" tutorTwo.src = "images/tutorialTwo.gif" me.src = "images/me.gif" meTwo.src = "images/meTwo.gif" feedback.src = "images/feedback.gif" feedbackTwo.src = "images/feedbackTwo.gif" scoby.src = "images/scoby.gif" scobyTwo.src = "images/scobyTwo.gif" neody.src = "images/neody.gif" neodyTwo.src = "images/neodyTwo.gif" light.src = "images/lightning.gif" lightTwo.src = "images/lightningTwo.gif" } else{ } <!--Most of this is meaningless, I implemented it a long time ago, and i haven't erased it yet!!!//--> var calLink = ("<a href='/ks2/myfavoritepc/cal.html' onMouseover='writeCal()' onMouseout='showInfo()'>December Calendar</a>"); var cal = ("Detailed Calendar"); function writeCal() {document.text.link.value = (cal)}; var verseLink = ("Some Verses"); function writeVerse() {document.text.link.value = (verseLink)}; var linkScoby = ("<a href='httP://www.angelfire.com/ks2/scoby2000' onMouseover='writeScoby()' onMouseout='showInfo()' target=_blank>Scoby2000 WebSite</a>"); var scoby = ("Scoby Reunion2000") var townNeody = ("<a href='http://www.neodesha.com' onMouseover='javascript:writeNeody()' onMouseout='javascript:showInfo()' target=_blank>Neodesha</a>"); var neoDes = ("Where I Live") var url= ("<a href='http://www.angelfire.com/ks2/myfavoritepc/pictures/pics.html' onMouseover='javascript:writePicture()' onMouseout='javascript:showInfo()'>Pictures</a>"); var urlTwo = ("<a href='/ks2/myfavoritepc/feedback.html' onMOuseover='javascript:writeFeedback()' onMouseout='javascript:showInfo()'>FeedBack</a>"); var urlOne = ("<a style='color:red; hover:black' href='/ks2/myfavoritepc/' onMouseover='javascript:writeHome()' onMouseout='javascript:showInfo()'>Home</a>"); var textArea = ("<form name='text'><input type='text' name='link' value='Hover Over a Link' READONLY></form>"); var link = ("Learn WebPage Design"); var linkOne = ("Hover Over A Link"); var urlThree = ("<b><font size=+1><a href='/ks2/myfavoritepc/tutorial/index.html' onMouseover='javascript:writeInfo()' onMouseout='javascript:showInfo()'>Tutorials</a></B></font>"); var linksJava = ("<a href='http://www.chalcedony.com/javascript' onMouseover='javascript:writeJava()' onMouseout='javascript:showInfo()' target=_blank>Learn JavaScript</a>"); var myfPc = ("<a href='http://www.myfavoritepc.com/' onMouseover='javascript:writeMyfav()' onMouseout='showInfo()' target=_blank>MyFavoritePC</a>"); var myfavPc = ("Good Computers"); var picture = ('View My Pictures'); var feedBack = ('Give Me Feedback'); var home = ('Go Home'); var coolPlace = ("<a href='http://www.tigerdirect.com' onMouseover='javascript:writeCool()' onMouseout='javascript:twoInfo()' target=_blank>here</a>"); var tiger = ("Computer Products"); var linkJava = ('Free JavaScripts'); var linkTwo = (""); var comp = ("Cheap Memory and <a href='http://www.memory-man.com' onMouseover='javascript:compInfo()' onMouseout='javascript:twoInfo()' target=_blank>processors</a>."); var linkThree = ("Great Processors"); var aboutMe = ("Discover Me!!!"); var meLink = ("<a href='/ks2/myfavoritepc/me/me.html' onMouseover='javascript:meInfo()' onMouseout='javascript:showInfo()'>About Me</a>"); var lightDumb = ("My Dog's Site"); function writeMyfav() {document.text.link.value = (myfavPc)}; function writePicture() {document.text.link.value = (picture)}; function writeFeedback() {document.text.link.value = (feedBack)}; function writeHome() {document.text.link.value = (home)}; function writeInfo() {document.text.link.value = (link)}; function showInfo() {document.text.link.value = (linkOne)}; function writeJava() {document.text.link.value = (linkJava)}; function writeNeody() {document.text.link.value = (neoDes)}; function writeScoby() {document.text.link.value = (scoby)}; function writeCool() {document.textOne.links.value = (tiger)}; function twoInfo() {document.textOne.links.value = (linkTwo)}; function compInfo() {document.textOne.links.value = (linkThree)}; function meInfo() {document.text.link.value = (aboutMe)}; function lightningDog() {document.text.link.value = (lightDumb)}; function submitIt() {document.formTwo.scriptOne.value = (heyYou) + document.prompt.nameLess.value}; var promptForm = ("Type Your Name In Here and hit TAB"); function resetboxOne() {document.formTwo.scriptOne.value = (welcome); document.prompt.nameLess.value = (promptForm)}; var heyYou = ("Hello "); var welcome = ("Welcome To My Site"); var reset = (""); function hideText() {document.prompt.nameLess.value = (noText)}; var noText = (""); var feedalert = ("This WEBSITE Will Not Get Updated Unless You Fill Out My Feedback Page, So Please Do So"); //--> </script> <script language="JavaScript"> <!-- expireDate = new Date expireDate.setMonth(expireDate.getMonth()+6) userName = "" if (document.cookie !="") { var userName = document.cookie.split("=")[1] } function setCookie() { userName = document.formOne.boxOne.value document.cookie = "userName="+userName+";expires=" + expireDate.toGMTString() } //--> </script> </head> <!--Body Begins--> <body bgColor="#FFFFFF"><!--'"</title></head>--> <script type="text/javascript"> ////// Compete ///////////////////// __compete_code = '667f89f26d96c30e99728fe6a608804d'; (function () { var s = document.createElement('script'), d = document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0], t = 'https:' == document.location.protocol ? 'https://c.compete.com/bootstrap/' : 'http://c.compete.com/bootstrap/'; s.src = t + __compete_code + '/bootstrap.js'; s.type = 'text/javascript'; s.async = 'async'; if (d) { d.appendChild(s); } })(); ////// Quantcast ///////////////////// function channValidator(chann) { return (typeof(chann) == 'string' && chann != ''); } function lycosQuantcast(){ var lb = ""; if(typeof(cm_host) !== 'undefined' && channValidator(cm_host)){ lb += cm_host.split('.')[0] + '.'; } if(typeof(cm_taxid) !== 'undefined' && channValidator(cm_taxid)){ lb += cm_taxid; lb = lb.replace('/',''); } else { lb = lb.replace('.',''); } return lb; } var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "https://secure" :"http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push({ qacct:"p-6eQegedn62bSo", labels:lycosQuantcast() }); /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'ks2/myfavoritepc', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "ks2/myfavoritepc"; var angelfire_member_page = "ks2/myfavoritepc/how.html"; var angelfire_ratings_hash = "1409633049:fb8e6dad3c9fc0229ecb66614536b521"; var lycos_ad_category = {"dmoz":"arts\/animation","ontarget":"&CAT=family%20and%20lifestyles&L2CAT=hobbies","find_what":"web"}; var lycos_ad_remote_addr = "54.90.176.79"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; ////// Criteo ///////////////////// var cto_conf = { a:true, i: "294", c:"img", kw: "" } ; (function (){ var c = document.createElement("script"); c.type = "text/javascript"; c.async = true; c.src = "http://www.angelfire.com/adm/js/partner/criteo_ld_kw.js"; var s = document.getElementsByTagName("body")[0]; s.appendChild(c); })(); </script> <script type="text/javascript" src="http://scripts.lycos.com/catman/init.js"></script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass{margin:0 auto} </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;"> <a href="http://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> <!-- ///////////////////////////////////// --> <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="http://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div style="text-align:center"> <span style="color:#393939!important; font-size:12px!important; position:relative; top:-6px"> Sponsored by </span> <a href="http://www.listen.com/disty/index.jsp?from=lycos" target="_blank"> <img src="http://af.lygo.com/d/toolbar/sponsors/rhapsody_logo.jpg" alt="sponsor logo" title="Rhapsody"/> </a> </div> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div> <noscript> <img src="http://www.angelfire.com/doc/images/track/ot_noscript.gif?rand=387752" alt="" width="1" height="1" /> <!-- BEGIN STANDARD TAG - 728 x 90 - Lycos - Angelfire Fallthrough - DO NOT MODIFY --> <iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="728" height="90" src="http://ad.yieldmanager.com/st?ad_type=iframe&amp;ad_size=728x90&amp;section=280303"></iframe> <!-- END TAG --> </noscript> <!-- Start Ybrant tracker --> <img src="http://ad.yieldmanager.com/pixel?id=1901600&t=2" width="1" height="1" /> <!-- End Ybrant tracker --> <!-- Start Datonics --> <script type="text/javascript" src="http://ads.pro-market.net/ads/scripts/site-132783.js"></script> <!-- End Datonics --> <!-- Start Chango --> <script type="text/javascript"> var __cho__ = {"pid":1694}; (function() { var c = document.createElement('script'); c.type = 'text/javascript'; c.async = true; c.src = document.location.protocol + '//cc.chango.com/static/o.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(c, s); })(); </script> <!-- End Chango --> <table cellpadding="2" cellspacing="0" border=0 bordercolor="#000000" width="750" height="550"> <tr> <td rowspan="3" valign="top" width="200" height="25" style="border-color:black; border-style:solid; border-width-right:2px; border-width-top:2px; border-width-left:0px; border-width-top:2px; border-width-bottom:2px"> <script language="JavaScript"> <!-- if(document.cookie != ""){document.write("<form name=formOne>" + "<input style='color:blue; background:white; font-size:8pt' type='Text' Name='boxOne' SIZE=32' Maxlength='50' onBlur=setCookie() value='Type Name Here, And Hit Tab'>" + "<\/form>" + "<h6 class='welcome'>" + "Hello "+ document.cookie.split("=")[1] + "<\/h5>")}; else{document.writeln("<form name=formOne>" + "<input class='nameForm' type='Text' Name='boxOne' SIZE=32' Maxlength='50' onBlur=setCookie() value='Type Name Here, And Hit Tab'>" + "<\/form>" + "<h2'>" + "This Will Remember Your Name So Hit Refresh" + "<\/h2>")}; //--> </script> <hr> <a href="/ks2/myfavoritepc/" onMouseover="javascript:writeHome(); document.picOne.src=homeTwo.src" onMouseout="javascript:showInfo()"> <img src="images/home.gif" name="picOne"> </a> <br> <b><font size=+1><a class="news" href='/ks2/myfavoritepc/tutorial/index.html' onMouseover='javascript:writeInfo(); document.picTwo.src=tutorTwo.src' onMouseout='javascript:showInfo(); document.picTwo.src=tutor.src' onClick="alert(feedalert)"> <img src="images/tutorial.gif" name="picTwo"> </a></font></b> <a href='/ks2/myfavoritepc/me/me.html' onMouseover='javascript:meInfo(); document.picThree.src=meTwo.src' onMouseout='javascript:showInfo(); document.picThree.src=me.src'> <img src="images/me.gif" name="picThree"> </a> <hr> <form name='text'><input style="background:blue; color:white" type='text' name='link' value='Hover Over a Link' READONLY></form> <a href='http://www.neodesha.com' onMouseover='javascript:writeNeody(); document.picFour.src=neodyTwo.src' onMouseout='javascript:showInfo(); document.picFour.src=neody.src' target=_blank> <img src="images/neody.gif" name="picFour"> </a> <br> <a href='httP://www.angelfire.com/ks2/scoby2000' onMouseover='writeScoby(); document.picFive.src=scobyTwo.src' onMouseout='showInfo()' target=_blank> <img src="images/scoby.gif" name="picFive"> </a> <br> <a href='http://www.angelfire.com/ks2/myfavoritepc/feedback.html' onMouseover="document.picSix.src=feedbackTwo.src" onMouseout="document.picSix.src=feedback.src"> <img src="images/feedback.gif" name="picSix"> </a> <br> <a style="text-decoration:underline" href="" onMouseover="javascript:lightningDog(); document.picSeven.src=lightTwo.src" onMouseout="javascript:showInfo(); document.picSeven.src=light.src" onClick="window.open('http://members.aol.com/suzythomp/', 'newWin', 'width=800,height=600,status=yes,scrollbars=yes,resizable=yes,location=yes,toolbar=yes') "> <img src="images/lightning.gif" name="picSeven"> </a> <br> <a href="/ks2/myfavoritepc/projects/">School Projects</a> <br> <img Src='/cgi-bin/Count.cgi?dd=E|df=user4/lcastro/WWW/data/index.dat'> <hr> Do You Like The New Design??? Please Tell Me About It <a href='/ks2/myfavoritepc/feedback.html' onMOuseover='javascript:writeFeedback()' onMouseout='javascript:showInfo()'>Here.</a> </td> <td valign=top width="550" height="25"> <img src="images/title.gif"> </td> </tr> <tr> <td width="550" height="250" valign="top"> <div> <a style="norm" href="http://www.chalcedony.com/javascript/"> <img src="javascript.jpg" ALT="Best JavaScript Tutorial Book Ever"> </a> </div> <h5 class="article"> Tutorials, Tutorials, Tutorials, That is what we are good at!!! Click on the Tutorial Link on the Sidebar and Learn Cascading Style Sheets, Javascript, Frames, Basic HTML, Forms, and Tables!!! Plus, We Have a great link page linking you to many other tutorials. You will enjoy my tutorials and learn a lot of Code!!! If you Have Asked any questions using the feedback page please go <a href='answer.html'>here.</a> Please Feel Free To Browse Around. Please Use The <a href="feedback.html">Feedback</a> Page. If You Would Like To Have Some Answers concerning web page design or myself, feel free to ask. </h5> <h4 class="author"> <a href="mailto:smartguy777@mailcity.com?subject=Tutorial Web Page">Alexander Thompson</a> </td> </tr> <tr> <td align="center" height="25"> <a href='http://www.neodesha.com/neo_ed/nhs/organizations/honors/nhsociety/'>Neodesha National Honor Society</a> <!-- v- pass-it-onGEAR Code by http://htmlgear.com -v --> <script language="JavaScript" src="http://htmlgear.lycos.com/pass/control.pass?u=smartguy777&i=1&a=render&style=js"> </script> <noscript> <A HREF="http://htmlgear.lycos.com/pass/control.pass?u=smartguy777&i=1&a=render&" target="RESULTS"> <img src="http://htmlgear.lycos.com/img/pass/badge4.gif" border="0"></a><BR><a href="http://htmlgear.lycos.com/specs/pass.html"><img src="http://htmlgear.lycos.com/img/log/pa_i_getgear.GIF" alt="get this gear!" border="0"></a> </noscript> <!-- ^- End pass-it-onGEAR Code -^ --> <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="" onClick="window.open ('alex.jpg', 'picWin', 'width=640,height=480')">A Pic Of Me</a>--> </td> </tr> </table> </body> </html>