Scribd
Upload
281 views

Science 12th Codeing and Output

The document contains code for 7 Standard Operating Procedures (SOPs). SOP1 contains code for a basic website with information about a college. SOP2 contains code to embed single and multiple video files on a webpage. SOP3 uses image mapping to create clickable areas that link to other pages. SOP4 includes code to check if a string is a palindrome. SOP5 converts between Celsius and Fahrenheit temperatures. SOP6 checks if a user is eligible to vote based on their age. SOP7 counts and displays the number of vowels in a user-inputted string.

Uploaded by

Yusuf Bagewadi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
281 views

Science 12th Codeing and Output

The document contains code for 7 Standard Operating Procedures (SOPs). SOP1 contains code for a basic website with information about a college. SOP2 contains code to embed single and multiple video files on a webpage. SOP3 uses image mapping to create clickable areas that link to other pages. SOP4 includes code to check if a string is a palindrome. SOP5 converts between Celsius and Fahrenheit temperatures. SOP6 checks if a user is eligible to vote based on their age. SOP7 counts and displays the number of vowels in a user-inputted string.

Uploaded by

Yusuf Bagewadi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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