<![CDATA[
<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='https://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='https://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">
//OwnerIQ
var __oiq_pct = 50;
if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) {
var _oiqq = _oiqq || [];
_oiqq.push(['oiq_addPageBrand','Lycos']);
_oiqq.push(['oiq_addPageCat','Internet > Websites']);
_oiqq.push(['oiq_addPageLifecycle','Intend']);
_oiqq.push(['oiq_doTag']);
(function() {
var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true;
oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s);
})();
}
/////// 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 = "1735889784:5f034378b978be6c01621a2ea0a4829c";
var lycos_ad_category = {"dmoz":"arts\/animation","ontarget":"&CAT=family%20and%20lifestyles&L2CAT=hobbies","find_what":"web"};
var lycos_ad_remote_addr = "209.202.244.9";
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";
</script>
<script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads());
googletag.enableServices();
});
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads());
googletag.enableServices();
});
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads());
googletag.enableServices();
});
</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;
display:block !important;
overflow:hidden;
width:100%;
}
#body .adCenterClass #ad_container {
display:block !important;
float:left;
width:728px;
}
@media (min-width: 768px) {
<!-- For 300px or less ads ONLY -->
#body .adCenterClass #ad_container {
width: calc(100% - 372px);
}
}
@media (min-width: 1110px) {
<!-- For 728px or less ads -->
#body .adCenterClass #ad_container {
width: calc(100% - 372px);
}
}
</style>
<div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999">
<div class="adCenterClass">
<a href="https://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>
<div id="ad_container">
<script type="text/javascript">document.write(lycos_ad['leaderboard']);</script>
</div>
</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="https://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>
<iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe>
</div>
</div>
<!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE START--->
<script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>
<!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE END--->
<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='https://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='https://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 -^ -->
<!--
<a href="" onClick="window.open ('alex.jpg', 'picWin', 'width=640,height=480')">A Pic Of Me</a>-->
</td>
</tr>
</table>
</body>
</html>
]]></plaintext>