3019 WebProgramming

p`jvaailatao &anamayap`dIp :
Sadhana Education Society’s

L. S. RAHEJA COLLEGE OF ARTS
AND COMMERCE
B.Sc.(I.T.)
Journal
NAME : Ayush Joshi
ROLL NO. : 3019
SUBJECT : Web Programming
CLASS : FY BSC IT
SEMESTER : 2
L. S. RAHEJA COLLEGE OF ARTS AND
COMMERCE
STUDENT PROFILE
Name :
Subject :
Academic Year :
Class : Semester :
Roll No. : Seat No. :
Professor in Charge :
Coordinator :
Department : BSC IT
University : Mumbai University

L. S. RAHEJA COLLEGE OF ARTS AND
COMMERCE
Certificate
Class Year
This is to certify that the work entered in this journal is the work of
Mr.
of Semester 5 Roll No. Uni. Exam No.
has Satisfactorily completed the required number of practical and
worked for Semester of the year 20 20 in the college
laboratory as laid down by the University Of Mumbai.
B.Sc.(IT) External Internal

Coordinator Examiner Examiner
Date : Department of
EXPERIMENT / SUBMISSION
REPORT
Expt Page Date of Prof.
Experiment / Title Rem
No. No. Expt. Signature
1 Use of Basic Tags
2 Image maps, Tables, Forms and Media
3 Java Script
4 Control and looping statements and Java

Script references
5 Basic PHP I
6 Basic PHP 2
9
Program 1(a)
<DOCTYPE html>
<html>
<body>
<p>This text is normal.</p>

<p><strong>This text is strong.</strong></p>
<p><i>This text is italic.</i></p>
<p><em>This text is emphasized.</em></p>
<h2>HTML<small>Small</small>Formatting</h2>
<h2>HTML<marked>Marked</marked>Formatting</h2>
<p>The del element represents deleted (removed) text.</p>
<p>My favorite color is <del>blue</del>red.</p>
<p>The ins element represents inserted (added) text.</p>
<p>My favorite <ins>color</ins> is red.</p>
<p>My is <sub>subscripted</sub> is text.</p>
<p>My is <sup>superscripted</sup> is text.</p>
</body>
</html>
Output-
Program 1b
<!DOCTYPE html>
<html>
<head><h1><font face="Bold Oblique" color="blue"><center>Bee
Electronic</center></font></h1></head>
<hr>
<body bgcolor="aqua"></body>
<marquee>Discount upto 20%</marquee>
<table style="width: 100%"></table>

<tr>
<td><a href="laptop.html"><image src="C:\Users\ADMIN\Pictures\Screenshots\
lapdesk0.png"width=40%, height=20%></image></a></td>
<td><a href="mac.html"><image src="C:\Users\ADMIN\Pictures\Screenshots\
lapdesk1.png"width=40%, height=20%></image></a></td>
</tr>
</html>
<!DOCTYPE html>
<html>
<head><h1><font face="Bold Oblique" color="blue"><center>BEE
Electronics</center></font></h1></head>
<hr>
<body bgcolor="lightsalmon"></body>
<ul>
<li>LAPTOPS</li>
<ol>
<li>HP</li>
<li>DELL</li>
<li>ACER</li>
</ol>
<li>DESKTOPS</li>
<ol><li>HP</li>
<li>DELL</li>
<li>LENOVO</li>
</ol>
</ul>
<a href="99.html">BACK</a>
</body>
</html>
Output
Program 2a -
<DOCTYPE html>
<html>
<head>
<title>Image maps</title>
<h1 align="center"><font color="red"><strong>Web page with Image maps</strong></font></h1>
</head>
<body>
<h2 align="center">Click on the EARTH:</h2>
<div align="center">
<img src="C:\Users\ADMIN\Downloads\earth.jpg.jpg"align="center"width="600" height="600"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="645,1095,3217,1759" href="http://google.com">
<area shape="circle" coords="669,1919,3193,2551" href="http://youtube.com">
</map>
</div>
</body>
</html>
Program 2b}
<html>
<head>
</br>
<h1 align="center"><b>HTML Symantic Tags Demo</b></h1>
</head>
<body>
<nav>
<a href="/html/">HTML</a>|
<a href="/css/">CSS</a>|
<a href="/js/">JavaScript</a>|
<a href="/jquery/">jQuery</a>
</nav>
<section>
<h1>EDX Publication</h1>
<p>EDX is one of the leading Indian publication for various technical courses across India.
It was incepted in 2002 and in short span as this it already has its name and credit more than 500
titles exclusively catering to engineering students in India.
</section>
<article>
<header>
<h1>About EDX Publication</h1>
</header>
<p>The company has ventured another feather n its cap while launching its exclusive range of
science.
</p>
</article>
<footer>
<p>EDX Publication</p>
<p>Contact :<a href="support@edxbooks.com">
support@edxbooks.com</a></p>
</footer>
</body>
</html>
Program 2c-
<DOCTYPE html>
<html>
<head>
<style>
table,th,td{
border:1px solid black;
align: center;
}
</style>
<title>HTML table</title>
<h1 align="center"><font color="red"><strong>HTML table
</strong></font></h1>
</head>
<body style="background-color:aqua;">
<table align="center" style="width:60%">
<h2 align="center">My Reading List</h2>
<tr>
<th>Author(s)</th>
<th>Book Title</th>
<th>Read</th>
</tr>
<tbody>
<tr>
<th>John Steinbeck</th>
<th>The Grapes of Wrath</th>
<th>Yes</th>
</tr>

</tbody>
</table>
</br></br>
<h2 align="center">Personal Information</h2>
<table style="width:60%"align="center">
<tr>
<th align="center">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<th>Jill</th>
<th>Smith</th>
<th>50</th>
</tr>
<tr>
<th>Eve</th>
<th>Jack</th>
<th>84</th>
</tr>
<tr>
<th>John</th>
<th>Joe</th>
<th>75</th>
</tr>
</table>
</body>
</html>
Program 2d
<!DOCTYPE html>
<html>
<body>
<h2>HTML FORMS</h2>
<form>
<label for="fname">First name:</label><br>
<input type="text"id="fname"="fname"><br>
<label for="iname">Last name:</label><br>
<input type="text"id="iname"name="iname"><br><br>
<label for="gender">gender:</label><br>
<input type="radio"id="male"name="gender"value="male">
<label for="male">male</label><br>
<input type="radio"id="female"name="gender"value="female">
<label for="female">female</label><br>
<br><br>
<label for="hobby">hobby:</label><br>
<input type="checkbox"id="hobby1"name="hobby1"value="drawing">
<label for="hobby1">drawing</label><br>
<input type="checkbox"id="hobby2"name="hobby2"value="reading">
<label for="hobby2">reading</label><br>
<input type="checkbox"id="hobby3"name="hobby3"value="dancing">
<label for="hobby3">dancing</label><br>
<label for="dob">Date of birth:</label><br>

<select id="dob"name="dob">
<option value="1">1</option>
</select>
<select id="dob"name="dob">
<option value="JAN">JAN</option>
<option value="FEB">FEB</option>
<option value="MAR">MAR</option>
<option value="APL">APL</option>
<option value="MAY">MAY</option>
<option value="JUN">JUN</option>
<option value="JUL">JUL</option>
<option value="AUG">AUG</option>
<option value="SEP">SEP</option>
<option value="OCT">OCT</option>
<option value="NOV">NOV</option>
<option value="DEC">DEC</option>
</select>
<input type="text"id="years"name="years"><br>
<label for="email">Email:</label><br>
<input type="text"id="email"name="email"></br>
<label for="pwd">password:</label><br>
<input type="password"id="pwd"name="pwd"></br>
<input type="submit"value="submit">
<input type="reset"value="reset">
</form>
</body>
</html>
Output
2e]
<!DOCTYPE html>
<head>
<h1 align="center"><font color="red"><strong>Multimedia Demo</strong></font></h1>
</head>
<body>
<div align="center">
<video width="400" controls>
<source src="C:\Users\ADMIN\Downloads\videoplayback.mp4"type="video/mp4">
</video>
</br></br>
<p>
Video courtesy of
<a href="www.pexels.com" target="_blank">PEXELS</a>
</p>
</br>
<audio controls>
<source src="C:\Users\ADMIN\Downloads\iPhone Ringtone Trap
Remix.mp3"type="audio/mpeg">
</audio>
</br></br>
<img src="C:\Users\ADMIN\Documents\sun.gif" align="center" width="400" height="300" alt="SUN">

</div>
</body>
</html>
3a]
<script>
function fact(x)
{
var a=1;
while(x=1)
{
a=a*x;
x=x-1;
}
document.write("factorial is"+a);
}
function fibo(x)
{
var a=0;
var b=1;
var c=0;
document.write(a+"<br>");
while(x>=1)
{
c=a+b;
document.write(c+"<br>");
a=b;
b=c;
x=x-1;
}
</script>
<body>
<input type=button value="Factorial"onClick=fact(5)><br>
<input type=button value="Fibonnaci"onClick=fabo(5)><br>
</body>
3c]
<html>
<head>
<title>Prime number between 1 and 100</title>
</head>
<body>
<script>
for(var i=2;i<=100;i++)
{
var flag=0;
for(var j=2;j<=i/2;j++)
{
if(i%j==0)
{
flag=1;
break;
}}
if(flag==0)
{
document.write(i+"<br>");
}}
</script>
</body>
</html>
3e]
<!DOCTYPE html>
<html>
<head>
<title>Without using split function</title>
<script>
var str=prompt("Enter the sentence=","");
var count=0;
for(i=0;i<str.length;i++)
{
if(str.charAt(i,1)==" " && str.charAt(i+1,1)!=" ")
count++;
}
document.write("Number of words are="+(count+1));
</script>
</head>
<body>
</body>
</html>
3f]
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<script language="javascript">
function calc()
{
var n1,n2,opr,x;
n1=parseInt(f1.s1.value);
n2=parseInt(f1.s3.value);
opr=f1.s2.value;
if(opr=="add")
x=n1+n2;
else if(opr=="sub")
x=n1-n2;
else if(opr=="multi")
x=n1*n2;
else if(opr=="div")
x=n1/n2;
else
alert("please select operator");
document.getElementById("ans").innerHTML="answer is:"+x;
}
</script>
</head>
<body>
<form name="f1">
<table width=50%>
<tr>
<td>Number1<br>
<select name="s1" size=1>
<option>Select</option>
</select>
</td>
<td>Operator<br>
<option value="add">+</option>
<option value="sub">-</option>
<option value="multi">*</option>
<option value="div">/</option>
</select>
</td>
<td>Number 2<br>
</select>
</td>
<td>
<input type="button" value="calculate" onclick="calc()">
</td>
</tr>
</table>
</form>
<p id="ans"> </p>
</body>
</html>
4a]
<DOCTYPE html>
<html>
<head>
<title>Conditional Statements</title>
var age = 20;
if( age > 18 )
{
document.write("<b>Qualifies for driving</b>");
}
</script>
</head>
<body>
</body>
</html>
4b]
<!DOCTYPE html>
<html>
<head>
<title>Looping Statements</title>
document.write("For Loop demo:<br>");
for (i = 0; i < 5; i++)
{
text1 += "The number is " + i + "<br>";
document.write(text1+" ");
}
document.write("<br>While Loop demo:<br>");
while (i < 10)
{
text2 += "The number is " + i;
i++;
}
document.write("<br>Do-While Loop demo:<br>");
do
{
text3 += "The number is " + i;
i++;
}while (i < 10);
</script>
</head>
<body>
</body>
</html>
4c]
ARRAY-
<!DOCTYPE html>
<html>
<head>
<title>Array object Demo</title>
var cars=["Saab","Volvo","BMW"];
document.write("Array length is: "+cars.length+"<br>");
document.write(cars.join["*"]);
cars.push("Opel");
document.write("After insert: "+cars.toString());
cars.pop();
document.write("After delete: "+cars.toString());
cars.sort();
document.write("After sort: "+cars.toString());
cars.reverse();
document.write("After reverse: "+cars.toString());
</script>
</head>
<body>
</body>
</html>
BOOLEAN-
<!DOCTYPE html>
<html>
<head>
<title>Boolean object demo</title>
function myFunction()
{
document.getElementById("demo").innerHTML = Boolean(10 > 9);
}
</script>
</head>
<body>
<p>Display the value of Boolean(10 > 9):</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
</body>
</html>
DATE-
<!DOCTYPE html>
<html>
<head>
<title> Date object demo </title>
var currentDate =new Date();
document.write("Date is:");
document.write(currentDate.getMonth()+"/"+currentDate.getDate()+"/"+currentDate.g
etFullYear
()+"<br>");
document.write("Time is:");
document.write(currentDate.getHours()+":"+currentDate.getMinutes
()+":"+currentDate.getSeconds());
</script>
<head>
<body>
</body>
</html>
FUNCTION-
<!DOCTYPE html>
<html>
<head>
<title> function object demo</title>
addBraces=new Function("s","return'['+s+']'");
document.write(addBraces("this"));
document.write(addBraces("is"));
document.write(addBraces("a"));
document.write(addBraces("test"));
</script>
</head>
<body>
</body>
</html>
MATH-
<!DOCTYPE html>
<html>
<head>
<title>math object</title>
document.write("Random number: " +Math.random(3)+"<br>");
document.write("Minimum number: "+Math.min(150,0,-29,60)+"<br>");
document.write("Maximum number: "+Math.max(600,120,129,89)+"<br>");
document.write("Round(47.6): "+Math.round(47.6)+"<br>");
document.write("Ceil(4.4): "+Math.ceil(4.4)+"<br>");
document.write("Floor(4.7): "+Math.floor(4.7)+"<br>");
document.write("Square root of 2: "+Math.SQRT2+"<br>");
document.write("Square root of 1/2: "+Math.SQRT1_2+"<br>");
document.write("2 raise to 3: "+Math.pow(2,3)+"<br>");
</script>
</head>
<body>
</body>
</html>
OBJECT-
<!DOCTYPE html>
<html>
<head>
<title>Number object Demo</title>
document.write("Maximum value: "+Number.MAX_VALUE;);
document.write("Minimum value: "+Number.MIN_VALUE;);
var num1 = 5.56789;
document.write(num1.toFixed(2));
var num2 = 13.3714;
document.write(num2.toPrecision(2));
document.write(num1.toString());
</script>
</head>
<body>
</body>
</html>
STRING-
<!DOCTYPE html>
<html>
<head>
<title>String object Demo</title>
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write(txt.length);
var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north.";
document.write(x + "<br>" + y);
var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
document.write(pos);
var pos = str.lastIndexOf("locate");
var pos = str.search("locate");
var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);
document.write(res);
var res = str.substring(7, 13);
var res = str.substr(7, 6);
var str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools");
document.write(n);
var text1 = "Hello World!";
var text2 = text1.toUpperCase();
document.write(text2);
var text1 = "Hello World!";
var text2 = text1.toLowerCase();
var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ", text2);
var str = "HELLO WORLD";
documet.write(str.charAt(0));
var str = "HELLO WORLD";
documet.write(str.charCodeAt(0));
var txt = "a,b,c,d,e";
var arr=txt.split(" ");
document.write(arr[0]+" "+arr[2]);
</script>
</head>
<body>
</body>
</html>
regExp-
<!DOCTYPE html>
<html>
<head>
<title>RegExp object Demo</title>
var str = "Visit W3Schools!";
var n = str.search(/w3Schools/i);
document.write(n);
var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "W3Schools");
text = "The best things in life are free!";
document.write(/e/.test(text));
text = "The best things in life are free!";
document.write(/e/.exec(text));
</script>
</head>
<body>
5a]
<form action="https://localhost:81/book/fact.php">
Enter a number:<input type="number"name="num"><br>
<input type=submit>
</form>
<?php
if(isset($_GET["num"])){
$x=$_GET["num"];
$y=1;
while($x>=1){
$y=$x*$y;
$x=$x-1;
}
echo"The factorial is".$y;
}
?>
5b]
<html>
<head>
<title>Prime Number</title>
</head>
<body>
<form method="post" action="checkPrime.php">
Enter a number: <input type="text" name="n1"><br>
<input type="submit" value="CheckPrime">
</form>
</body>
</html>
<?php
$n1=(int)$_POST['n1'];
$flag=0;
for($i=2;$i<=$n1/2;$i++)
{
if($n1%$i==0)
{
$flag=1;
break;
}
}
if($flag==0)
echo "Number is prime";
else
echo "Number is not prime";
?>
6a]
<html>
<head>
<title>Greater of two no.s</title>
</head>
<body>
<form method="post" action="check.php">
1st Number: <input type="text" name="n1"><br>
2nd Number: <input type="text" name="n2"><br>
<input type="submit" value="Check">
</form>
</body>
</html>
<?php
if($n1>$n2)
echo $n1." is greater than ".$n2;
else if($n2>$n1)
echo $n2." is greater than ".$n1;
else
echo "Both the no.s are equal";
?>

3019 WebProgramming

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

3019 WebProgramming

Uploaded by

Copyright:

Available Formats

p`jvaailatao &anamayap`dIp :

Sadhana Education Society’s

Roll No. : Seat No. :

University : Mumbai University

B.Sc.(IT) External Internal

2 Image maps, Tables, Forms and Media

4 Control and looping statements and Java

<p>This text is normal.</p>

<marquee>Discount upto 20%</marquee>

<table style="width: 100%"></table>

<label for="dob">Date of birth:</label><br>

<img src="C:\Users\ADMIN\Documents\sun.gif" align="center" width="400" height="300" alt="SUN">

You might also like