You are on page 1of 29

SOP1

Index.html
<!DOCTYPE html>
<html>
<head>
<title>My College</title>
<meta name ="description" content="D.G. Tatkare Jr.College">
<meta name ="author" content="SMPE'S">
</head>
<body>
<h1 style="color:red; text-align:center">
D.G. Tatkare Junior College. </h1>
<img src ="College.jpg" height = 300 width=200 alt ="SMEP'S">
<P Style = "font-style:italic; font-size:16pt">
<b> Faculty Available</b>
Arts, Science,Commerce</br>
<u>Address :- Sector - 5, Plot No. 5, Kalamboli. </u><br>
<b>Principle :- Mrs. Rohini Patil </b><br>
<mark> Contact :- 022-24424511 </mark><br>
Office Timeing :- 9 A.M to 5 P.M.</p>
<a href = "Page_2.html">Enrolment Form</a>
</Body>
</html>
page_2.html
<html>
<head>
<title>Enrolment From</title>
<meta name ="description" content="Enrolment From">
<meta name ="keyword" content="Tatkare Jr.College">
</head>
<body>
<from>
<h2 style = "color:red;text-decoration:underline">
SMEP'S D.G. Tatkare Junior College.</h2>
<b>Enrolment From for Student</b><br>
Student Name : <input type = "text" name="sname"><br>
Date of Birth : <input type = "date" name="DOB"><br>
Enter Your Address : <textarea></textarea><br>
Enter Your Email ID : <input type = "email" name="email requried"><br>
Enter Your Mobile No. : <input type = "tel" name="mobile"><br>
<input type = "Submit" value = "Submit"><br>
<a href ="index.html"> Home </a>
</form>
</Body>
</html>
SOP2.
Video1.html
<!DOCTYPE html>
<html>
<head>
<title>Single video file on Webpage with controls</title>
</head>
<body>
<h1 align="center">Single video filr on Webpage with control</h1>
<video src="samplefile.MP4" autoplay preload="auto" controls height="300"
width="300">
</video>
</body>
</html>
Video2.html
<!DOCTYPE html>
<html>
<head>
<title>Multiple video file on Webpage with controls</title>
</head>
<body>
<h1 align="center">multiple video file on Webpage with control</h1><br>
List of video file formats
<ol>
<li>mp4</li>
<li>webm</li>
<li>wmv</li>
</ol>
<center>
<video controls height="400" width="400" autoplay >
<source src="samplefile.mp4" type="video/mp4">
<source src="samplefile.webm" type="video/webm">
<source src="samplefile.wmv" type="video/wmv">
Your Browser does not support the video file.
</video>
</body>
</html>
SOP3.
Imagemap.html
<!DOCTYPE html>
<html>
<head><title>Client Side Image Mapping</title></head>
<body>
<img src="tulips.jpg" usemap="#imagemap">
<map name="imagemap">
<area shape="rect" coords="27,138,103,64"
href="D:\ROHINI\Rohini Patil 12th Practical\12Th Science
Pratical\Sop1\index.html" alt="local page 1 ">
<area shape="poly"
coords="135,37,160,15,194,56,178,45,180,73,151,70"
href="D:\ROHINI\Rohini Patil 12th Practical\12Th Science
Pratical\Sop1\page_2.html" alt="local page 2 ">
<area shape="circle" coords="228,70,25" href="D:\ROHINI\Rohini
Patil 12th Practical\12Th Science Pratical\Sop2\Video2.html" alt="local
page 3">
</map>
</body>
</html>
SOP4.
Palindrome.html

<!DOCTYPE html>
<html>
<head>
<title>check palindrome string</title>
</head>
<body>
<form name ="f1">
Enter a String <input type="text" name="t1" placeholder="Enter a
Striing"><br><br>
<input type="button" value="check String is Palindrome or Not"
onclick="find()">
</form>
<script type="text/javascript">
function find()
{
var str,i , len, newstr="";
str=f1.t1.value;
len = str.length-1;
for(i=len;i>=0;i--)
{
s=str.charAt(i);
newstr =newstr+s
}
document.write("Revesed string is "+ newstr);
if(newstr==str)
{
alert("String Is Palindrome");
}
else
{
alert("String Is Not Palindrome")
}
}
</script>
</body>
</html>
SOP5.
Tempconvertor.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function get_Fahrenheit(){
var c = parseInt(document.getElementById('c1').value);
var f;
//(f-32)/9 = c/5;
f = c/5*(9)+32;
document.write("Fahrenheit : "+f);
}
function get_Celsius(){
var f = parseInt(document.getElementById('f1').value);
var c;
//(f-32)/9 = c/5;
c = ((f-32)/9)*5;
document.write("Celsius : "+c);
}
</script>
</head>
<body>
<input type="text" id="c1" placeholder="Temperature in Celsius">
<input type="submit" onclick="get_Fahrenheit()"> <br>
<input type="number" id="f1" placeholder="Temperature in
Fahrenheit">
<input type="submit" onclick="get_Celsius()">
</body>
</html>
SOP6.
AGE.HTML
<!DOCTYPE html>
<html>
<head>
<title>Eligible to Vote or not</title>
</head>
<body>
<form action="vote.PHP" method="post">
Enter a no : <input type="text" name="t1" placeholder="Enter a number">
<br><input type="submit" name="submit" value="submit">
</form>
</BODY>
</HTML>
Vote.PHP
<?php
if (isset($_POST['submit'])) {
function vote()
{
$a = $_POST['t1'];
if($a>=18)
{
echo "You are Eligible for Vote";
}
Else
{
echo "You are not Eligible for Vote";
}
}
vote();
}
?>
SOP 7.
Vowels.php
<html>
<body>
<h2>Find Number of Vowels in a String</h2>
<form action="" method="post">
<input type="text" name="string" />
<input type="submit" />
</form>
</body>
</html>

<?php
if($_POST)
{
$str=$_POST['string'];
$c = substr_count($str,"a")+substr_count($str,"e")+substr_count($str,"i")
+substr_count($str,"o")+substr_count($str,"u");
echo "No of Vowels in the string are ".$c;
}
?>

You might also like