Monday, August 30, 2010

Change of Background html programm


Chepter-2
Background Colour
<html>
<head>
<title> Change Background Colors </title>
<script type="text/javascript">
document.write ("<center><font size=+4>Just for Fun</font></center>")
function changeBkgrnd(color)
{
document.bgColor = color;
}
</script>
</head>
<body>
<center>
<font size="+3">
<a href=""onMouseOver="changeBkgrnd('red')">Red</a><br>
<a href=""onMouseOver="changeBkgrnd('green')">Green</a><br>
<a href=""onMouseOver="changeBkgrnd('yellow')">Yellow</a><br>
<a href=""onMouseOver="changeBkgrnd('blue')">Blue</a><br>
</font>
</center>
</body>
</html>


Change of Background html programm


Chepter-2
Background Colour
<html>
<head>
<title> Change Background Colors </title>
<script type="text/javascript">
document.write ("<center><font size=+4>Just for Fun</font></center>")
function changeBkgrnd(color)
{
document.bgColor = color;
}
</script>
</head>
<body>
<center>
<font size="+3">
<a href=""onMouseOver="changeBkgrnd('red')">Red</a><br>
<a href=""onMouseOver="changeBkgrnd('green')">Green</a><br>
<a href=""onMouseOver="changeBkgrnd('yellow')">Yellow</a><br>
<a href=""onMouseOver="changeBkgrnd('blue')">Blue</a><br>
</font>
</center>
</body>
</html>


Wednesday, August 25, 2010

Chapter-1 Html Form and Frame Explorer Output in Computer

Computer programm in HTML Simple Adder

Simple Adder Form

Chapter-2
Simple adder

<html>
<head>
<title> Simple Adder </title>

<script type="text/JavaScript">
<!--
function addNumbers(n1,n2)
{
var no1 = parseFloat(n1);
var no2 = parseFloat(n2);
Adderfrm.total.value = no1+no2;
}
function clearNumbers()
{
Adderfrm.number1.value = "";
Adderfrm.number2.value = "";
Adderfrm.total.value = "";
}
-->
</script>
</head>

<body>
<form name="Adderfrm" method="post">

<h1>Simple Adder</h1>

<h2>Enter a number:
<input type="text" name="number1" size=20> <br><br>

Enter a number:
<input type="text" name="number2" size=20> <br><br>

<input type="button" name="AddButton" value="Add Numbers"
onClick="addNumbers(number1.value,number2.value)">

<input type="button" name="ClearButton" value="Clear Fields"
onClick="clearNumbers()"> <br><br>

Answer =
<input type="text" name="total" size=12>
</h2>
</form>
</body>
</html>


Computer programm in HTML Simple Adder

Simple Adder Form

Chapter-2
Simple adder

<html>
<head>
<title> Simple Adder </title>

<script type="text/JavaScript">
<!--
function addNumbers(n1,n2)
{
var no1 = parseFloat(n1);
var no2 = parseFloat(n2);
Adderfrm.total.value = no1+no2;
}
function clearNumbers()
{
Adderfrm.number1.value = "";
Adderfrm.number2.value = "";
Adderfrm.total.value = "";
}
-->
</script>
</head>

<body>
<form name="Adderfrm" method="post">

<h1>Simple Adder</h1>

<h2>Enter a number:
<input type="text" name="number1" size=20> <br><br>

Enter a number:
<input type="text" name="number2" size=20> <br><br>

<input type="button" name="AddButton" value="Add Numbers"
onClick="addNumbers(number1.value,number2.value)">

<input type="button" name="ClearButton" value="Clear Fields"
onClick="clearNumbers()"> <br><br>

Answer =
<input type="text" name="total" size=12>
</h2>
</form>
</body>
</html>


Date and time Programm for HTML


Chapter-2
Today's date and time Programm


<html>
<head>
<title> displaying date </title>
</head>
<body bgcolor="yellow">
<font size="+2" text color="blue">
<center>
<script type="text/javascript">
<!--
var todayDate=new Date(); // declare variable
document.write(todayDate);
/* this will display the current date as well as the current time */
-->
</script>
</center>
</font>
</body> 
</html>