Alright, here was my first HTML/JS test page. It's basically filled with random codes and whatnot. If you want to see it, copy it into Notepad, save as a .html (or .htm) and open it up in a web browser.
EDIT: The syntax highlighting didn't appear, making all the codes a bit hard on the eyes. <.<
I recommend copying and pasting it into whatever you code with and activating the HTML Syntax Highlighting.
<html>
<head>
<title>My Test Page</title>
<body style="background-color:yellow">
<h1 style="text-align:center;font-family:verdana;color:blue"><b>General Information</b></h1>
<h2 style="text-align:center;font-family:verdana;color:blue"><b>What is This For</b></h2>
<p style="font-family:verdana;color:red"><b> This is my first attempt at using HTML code, or Hyper-Text Markup Language.</b></p>
<p style="font-family:verdana;color:red"><b> Hopefully, I don't fail miserably.</b></p>
<hr />
<h2 style="text-align:center;font-family:verdana;color:blue"><b>Random Tests</b></h2>
<p style="font-family:verdana;color:red"><b>Here is a test link: <a href="http://www.msn.com">My Homepage</a>
<hr />
<p style="font-family:verdana;color:red"><b> The following will be a test image.</b></p>
<img src="http://www.nflfootballstadiums.com/images/San-Diego-Chargers-Logo.gif" alt="San Diego Chargers Logo">
<hr />
<p style="font-family:verdana;color:red"><b>I'm now going to make an attempt at a table.</b></p>
<table width="400" border="8">
<tr>
<th align="left">Blah Blah</th>
<th align="right">1</th>
<th align="right">2</th>
</tr>
<tr>
<td align="left">Blah Blah</td>
<td align="right">3</td>
<td align="right">4</td>
</tr>
<tr>
<td align="left">Blah Blah</td>
<td align="right">5</td>
<td align="right">6</td>
</tr>
<tr>
<td align="left">Blah Blah</td>
<td align="right">7</td>
<td align="right">8</td>
</tr>
<tr>
<th align="left">Blah Blah</th>
<th align="right">9</th>
<th align="right">10</th>
</tr>
</table>
<hr />
<h3 style="text-align:center;font-family:verdana;color:green"><b>Various Lists</b></h3>
<p style="font-family:verdana;color:red"><b>This is just a normal bullet list:</b></p>
<ul>
<li>Bullet 1</li>
<li>Bullet 2</li>
</ul>
<p style="font-family:verdana;color:red"><b>Numbered List:</b></p>
<ol>
<li>Number 1</li>
<li>Number 2</li>
</ol>
<p style="font-family:verdana;color:red"><b>Definitions:</b></p>
<dl>
<dt>Term 1</dt>
<dd>Definition of Term 1</dd>
<dt>Term 2</dt>
<dd>Definition of Term 2</dd>
</dl>
<h3 style="text-align:center;font-family:verdana;color:green"><b>Various Forms and Inputs</b></h3>
<p style="font-family:verdana;color:red"><b>Example Form</b></p>
<form>
First Name:
<input type="text" name="First Name">
<br>
Last Name:
<input type="text" name="Last Name">
<br />
<input type="radio" name="Gender" value="Male"> Male
<br>
<input type="radio" name="Gender" value="Female"> Female
<br />
Bike:
<input type="checkbox" name="vehicle" value="Bike">
<br>
Car:
<input type="checkbox" name="vehicle" value="Car">
<br>
Airplane:
<input type="checkbox" name="vehicle" value="Airplane">
</form>
<h3 style="text-align:center;font-family:verdana;color:green"><b>Columns</b><h3>
<table border="0" width="100%" cellpadding="10">
<tr>
<td width="50%" valign="top">
This is how we divide the text into two seperate columns. Left column.
</td>
<td width="50%" valign="top">
Right Column. Right column. Right column.
</td>
</tr>
</table>
<h2 style="text-align:center;font-family:verdana;color:blue"><b>Javascripting</b></h2>
<script type="text/javascript">
document.write("<h1>This is a header using Javascript</h1>");
document.write("<p>This is a paragraph using Javascript</p>");
//document.write("<p>This is another paragraph using Javascript.This line will not show because we added //</p>");
</script>
<h3 style="text-align:center;font-family:verdana;color:green"><b>Variables in Javascript</b></h3>
<script type="text/javascript">
var favfood;
favfood="Pizza";
document.write(favfood);
document.write("<br />");
favfood="Cheeseburger";
document.write(favfood);
//The above declares the variable, sets the variable and then changes it once again.
</script>
<h3 style="text-align:center;font-family:verdana;color:red"><b>Mathematics in JS</b></h3>
<script type="text/javascript">
document.write("<pr>5+5=?</pr>");
document.write("<br />");
x=5+5;
document.write(x)
</script>
<h3 style="text-align:center;font-family:verdana;color:red"><b>Adding Strings</b></h3>
<script type="text/javascript">
txt1="Hello, "
txt2="I'm hungry as hell."
txt3=txt1+txt2
document.write(txt3)
</script>
<hr />
<h3 style ="text-align:center;font-family:verdana;color:red"><b>If-Then-Else</b></h3>
<script type="text/javascript">
//If the time is less than 12,
//you will get a "Good morning" greeting.
//Otherwise you will get a "Good day" greeting.
var d = new Date();
var time = d.getHours();
if (time < 12)
{
document.write("Good morning!");
}
else
{
document.write("Good day!");
}
</script>
<br />
<h3 style="text-align:center;font-family:verdana;color:red"><b>Switch Statements</b></h3>
<script type="text/javascript">
//You will receive a different greeting based
//on what day it is. Sunday=0,
//Monday=1, Tuesday=2, etc.
var d=new Date();
theDay=d.getDay();
switch (theDay)
{
case 5:
document.write("It's finally Friday!");
break;
case 6:
document.write("Saturday here we go!");
break;
case 0:
document.write("Sunday.. weekends almost over.");
break;
default:
document.write("I can't wait 'til it's the weekend.");
}
</script>
<hr />
<h3 style="text-align:center;font-family:verdana;color:red"><b>JS Pop-Up Boxes</b><h3>
<p><b>Alert box (not displayed)</b></p>
<script type="text/javascript">
//To display, remove the '//' from before the next line.
//alert("Are you sure you wish to proceed?");
</script>
<hr />
<p><b>Confirm Box (not displayed)</b><p>
<script type="text/javascript">
//To display, remove the '//' from before the next line.
//confirm("Please Confirm Your Selection.");
</script>
<hr />
<p><b>Prompt Box (not displayed)</b></p>
<script type="text/javascript">
//To display, remove the '//' from before the next line.
//prompt("Please Enter Your Age","0");
</script>
<h3 style="text-align:center;font-family:verdana;color:red"><b>Functions</b></h3>
<p><b>To keep the browser from executing a script when the page loads, you can put your script into a function. A function contains code that will be executed by an event or by a call to that function.</b></p>
<script type="text/javascript">
function displaymessage()
{
alert("Thanks for clicking!");
}
</script>
<form>
<input type="button" value="Click me!"
onclick="displaymessage()" >
</form>
<h3 style="text-align:center;font-family:verdana;color:red"><b>Loops</b></h3>
<p><b>For loop</p></b>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
document.write("The number is " + i);
document.write("<br />");
}
</script>
</body>
</head>
</html>
Thanks, I did learn some stuff from it I'll be using soon xD.