Im bored today. Since I have nothing better to do, I might as well write a simple HTML tutorial for those interested to learn. Below is a picture of the website written in 15mins.
Here is the code for it:
<html>
<head>
<title>Template Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="">
<meta name='description' content=''>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="828" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#666666">
<tr>
<td width="826" bgcolor="#333333"><table width="820" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="820"><img src="grayclassic.jpg" width="828" height="103"></td>
</tr>
</table>
<table width="828" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="111" align="right" bgcolor="#000000"> </table></td>
</tr>
</table>
<table width="828" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="151" height="10" align="center" valign="top" bgcolor="#990055">
<br>
</td>
<td width="677" bgcolor="#FFFFFF">
<table width="77%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td class="commonfont"> <table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#DDFF00"> <p>Place any text here... blah blah blah
blah blah blah blah blah blah blah blah blah </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah </p>
<div align="center"></div>
</td>
</tr>
<tr>
<td bgcolor="#006666" class="title2"> </td>
</tr>
<tr>
<td bgcolor="#fff000"> <p>Same goes for here. .. blah blah blah
blah blah blah blah blah blah blah blah blah </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah <br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah </p>
<div align="center"></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="title2"> </td>
</tr>
<tr>
<td height="50" bgcolor="#00ff00"> <p>Here as well .. blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah <br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah </p>
<p> </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah <br>
</p>
<div align="center"></div></td>
</tr>
</table>
<div align="center"></div>
</td>
</tr>
</table><center>
</center>
</td>
</tr>
</table>
</td>
</tr> </table>
<p align="center">
</body>
</html>
--------------------------------------------------------------
You start with this first:
<html>
<head>
<title> Page title </title>
</head>
<body>
Basically, what you have seen above .. are all placed in this body section
</body>
</html>
You need tools and materials to build a website. Tools are FREE but materials require skills or cash.
Tools are HTML tags. Just like <html> etc.. these are all tags. If you do not understand those <tags> from my snippet above, visit http://www.willcam.com/cmat/html/crossref.html and click on each of the tags link, they will explain in details.
Materials are Flash movie, Graphic, Sound etc.. You can ignore this section in the snippet itself.
----------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
--------------------------------------------------
They're some code instructions for your browser. If you're interested to learn, its call Javascript. Seach the web for more information. Steps to get started:
1: Signup a free web account at yahoo.geocities.com
2: Goto file manager, create a new file name it index.htm
3: Edit index.html, copy and page the entire snippet above and save.
4: Visit your main page. You should see the same thing as show on the picture above.
5: Play around with the code. If you do not understand what those tags means, goto http://www.willcam.com/cmat/html/crossref.html for reference.
6: Try inserting sound, flash stuff or graphic.
After you're done and happy with your new creation, you can post your URL link here and I will spare some time to optimize your website and submit them to top 20 search for FREE. Regarding how much traffic you can get depends on your website theme and keywords. I have serveral websites receiving 3-10 Unique clicks from Major search engines daily. But of course, if you want more or guarantee traffic, you have to pay for them.
Thats about it.. weee.. I spent a total of 30mins for this mini tutorial. Hope you like it. Enjoy! :howdy:
Here is the code for it:
<html>
<head>
<title>Template Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="">
<meta name='description' content=''>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="828" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#666666">
<tr>
<td width="826" bgcolor="#333333"><table width="820" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="820"><img src="grayclassic.jpg" width="828" height="103"></td>
</tr>
</table>
<table width="828" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="111" align="right" bgcolor="#000000"> </table></td>
</tr>
</table>
<table width="828" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="151" height="10" align="center" valign="top" bgcolor="#990055">
<br>
</td>
<td width="677" bgcolor="#FFFFFF">
<table width="77%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td class="commonfont"> <table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#DDFF00"> <p>Place any text here... blah blah blah
blah blah blah blah blah blah blah blah blah </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah </p>
<div align="center"></div>
</td>
</tr>
<tr>
<td bgcolor="#006666" class="title2"> </td>
</tr>
<tr>
<td bgcolor="#fff000"> <p>Same goes for here. .. blah blah blah
blah blah blah blah blah blah blah blah blah </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah <br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah </p>
<div align="center"></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="title2"> </td>
</tr>
<tr>
<td height="50" bgcolor="#00ff00"> <p>Here as well .. blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
<br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah <br>
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah </p>
<p> </p>
<p> blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah <br>
</p>
<div align="center"></div></td>
</tr>
</table>
<div align="center"></div>
</td>
</tr>
</table><center>
</center>
</td>
</tr>
</table>
</td>
</tr> </table>
<p align="center">
</body>
</html>
--------------------------------------------------------------
You start with this first:
<html>
<head>
<title> Page title </title>
</head>
<body>
Basically, what you have seen above .. are all placed in this body section
</body>
</html>
You need tools and materials to build a website. Tools are FREE but materials require skills or cash.
Tools are HTML tags. Just like <html> etc.. these are all tags. If you do not understand those <tags> from my snippet above, visit http://www.willcam.com/cmat/html/crossref.html and click on each of the tags link, they will explain in details.
Materials are Flash movie, Graphic, Sound etc.. You can ignore this section in the snippet itself.
----------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
--------------------------------------------------
They're some code instructions for your browser. If you're interested to learn, its call Javascript. Seach the web for more information. Steps to get started:
1: Signup a free web account at yahoo.geocities.com
2: Goto file manager, create a new file name it index.htm
3: Edit index.html, copy and page the entire snippet above and save.
4: Visit your main page. You should see the same thing as show on the picture above.
5: Play around with the code. If you do not understand what those tags means, goto http://www.willcam.com/cmat/html/crossref.html for reference.
6: Try inserting sound, flash stuff or graphic.
After you're done and happy with your new creation, you can post your URL link here and I will spare some time to optimize your website and submit them to top 20 search for FREE. Regarding how much traffic you can get depends on your website theme and keywords. I have serveral websites receiving 3-10 Unique clicks from Major search engines daily. But of course, if you want more or guarantee traffic, you have to pay for them.
Thats about it.. weee.. I spent a total of 30mins for this mini tutorial. Hope you like it. Enjoy! :howdy:
