IT Final Practical Change 2024 25
IT Final Practical Change 2024 25
Index.html
<html>
<head>
<title>
TATA GROUP
</title>
<meta charset="utf-8">
<meta name="author" content="Physical Tags">
<style>
h1{border-style:dotted}
p{color:red;font-size:15pt}
body{background-color:pink}
b{text-decoration:overline}
u{text-align:right}
</style>
</head>
<body>
<h1 align="center"> Tata Sons Private Limited</h1>
<p>
66% of the equity share capital of Tata Sons is held by philanthropic trust, which support education,
health, livelihood generation, art and culture. Each tata company or enterprise operates independently
under the guidance and supervision of its qwn Board of Direction
</p>
<b>Governance Philosophy</b><br><br>
<i>Tata Code of conduct</i><br><br>
<u>Tata business Excellence Model (TBEM)</u><br>
<h3>Image of Tata Industries</h3>
<img src=" " width="500" height="300" alt="Tata Industries"><br>
<a href="C:\it 12 pract\page2.html">Second Page</a>
</body>
</html>
OUTPUT:
Page2.html
<html>
<head>
<title>
Forms
</title>
<meta charset="utf-8">
<meta name="author" control="Form">
<style>
h1{border-style:dashed}
body{background-color:aqua}
</style>
</head>
<body>
<h1 align="center">Enrollment Form</h1>
<form name="f1">
Enter Your Name
<input type="text"name="t1" required>
<br><br>
Entre your Email ID
<input type="email"name="emailid"><br><br>
<input type="submit"name="submitbtn" value="Submit">
</form>
<a href="C:\it 12 pract\index.html">First Page</a>
</body>
</html>
OUTPUT:
Practical No-2
TOURIST PLACE
<html>
<head>
<title> TOURIST PLACE </title>
<style>
section{background-color:pink;
width:50%;height:50%;float:right}
aside{width:50%;float:left}
</style>
</head>
<body>
<header style="background-color:skyblue;
height:100pt">
<h1 align="center">Tourist places</h1>
</header><br>
<aside><h3>city</h3>
<li>pune</li><li>banglor</li>
<li>hydrabad</li><li>delhi</li></ol>
</aside>
<section>
<h3>tourist place in pune</h3>
<ul><li>shaniwar wada</li>
<li>kelkar musium</li>
<li>sinhgad fort </li>
</ul>
</section>
</body>
</html>
output
Practical No-3
Traveler Information Form
<html>
<head>
<title>
Information Form
</title>
<link rel="stylesheet".type="text/css" href="C:\it 12 pract\external.css">
</head>
<body>
<h1 align="center">Traveler Information Form</h1>
<form name="f1">
Enter your name
<input type="text"name="name"autocomplete><br><br>
Select Date of Travel
<input type="date"name="trvdate"><br><br>
Entre Telephone Number
<input type="tel"name="phone"placeholder="123-456-7890"pattern="[0-9]{3}-[0-9] {3} [0-
9]{4}"required><br><br>
<input type="Submit"name="Submit"value="Submit">
</form><br><br>
<a href="C:\it 12 pract\traveller2.html">
<img src="C:\Users\Chate\Downloads\submit.jpg"width="300"height="150"></a>
</body>
</html>
OUTPUT:
Information about Transporter
<html>
<head>
<title>
Information about Transporter
</title>
<link rel="stylesheet"type="text/css"href="external.css">
</head>
<body>
<h1 align="center">Information about Transporter</h1>
<ul>
<li>Name of Transporter - Air Asia</li>
<li>Time-09.30am</li>
<li>Seat no- B39</li>
<li>Destination - Delhi</li>
</ul>
<a href="C:\it 12 pract\traveller1.html">Connect First Page</a>
</body>
</html>
OUTPUT:
Practical No-4
Single Audio with controls
<html>
<body>
<h1 align="center">Audio Sample</h1>
<audio controls autoplay loop="-1">
<source src = "C:\Users\Public\Music\Sample Music\Sleep Away.mp3" type = "audio/mp3">
</audio>
</body>
</html>
OUTPUT:
OUTPUT
Practical No-5
Single video
<!DOCTYPE html>
<html>
<head>
<title>
Single video with controls</title>
</head>
<body>
<h1 align="center">Single video file on web page with controls</h1>
<video src="C:\Users\Comp34\Downloads\SampleVideo_1280x720_1mb.mp4"controls width="200"
height="200" loop="-1" autoplay>
</video>
</body>
</html>
OUTPUT:
Multiple video
<!DOCTYPEhtml>
<html>
<head>
<title>
multiple video file on web page with controls
</title>
</head>
<body>
<h1 align="center">Multiple Video File On Web Page With Controls </h1>
<h2>
the text between the video tags will only be displayed in browsers that do not support the video
element.</h2>
<h3>List Of video Files Formats </h3>
<ol>
<li>mp3-video/mpeg </li>
<li>ogg-video/ogg</li>
<li>WebM-video/WebM</li>
</ol>
<video controls width="200" height="200" autoplay>
<source src="C:\Users\Public\Videos\Sample Videos\SampleVideo_1280x720_1mb.mp4"
type="video/mp4">
<source src="C:\Users\Public\Videos\Sample Videos\Wildlife.WebM" type="video/WebM">
<source src="C:\Users\Public\Videos\Sample Videos\Wildlife.ogg" type="video/ogg">
</video>
</body>
</html>
Practical No-6
Background Colour Change
<html>
<head>
<title> Color change javascript</title></head>
<body>
<h1 align="center"> 7 Different Type colour </h1>
<Form name= "Frmcolor">
<input type = "button" name="btncolor" onmouseover = "f1()" Value= "color change">
<input type = "button" name="btnmsg" onClick="msg()" value = "display message">
</form>
<script type = "text/javascript">
function f1()
{document.bgColor = "red";
window.setTimeout("f2()", 1500);}
function f2()
{document.bgColor = "yellow";
window.setTimeout("f3()", 1500);}
function f3()
{document.bgColor = "Blue";
window.setTimeout("f4()", 1500);}
function f4()
{document.bgColor = "Green";
window.setTimeout("f5()", 1500);}
function f5()
{document.bgColor = "Orange";
window.setTimeout("f6()", 1500);}
function f6()
{document.bgColor = "pink";
window.setTimeout("f7()", 1500);}
function f7()
{document.bgColor = "sky blue";
window.setTimeout("f8()", 1500);}
function msg()
{
window.status="display of 7 different colors";
}
</script>
</body>
</html>
OUTPUT:
second page
<html>
<head>
<title> Color change javascript</title></head>
<body onLoad="f1()" onUnload="msg()">
<!DOCTYPE html>
<html>
<head>
<title>calculate student grade</title>
</head>
<body>
<form name="frmstudentgrade">
Enter Marks of English<input type="number" name="t1"><br><br>
Enter Marks of IT<input type="number" name="t2"><br><br>
Enter Marks of physics<input type="number" name="t3"><br><br>
Enter Marks of Chemistry<input type="number" name="t4"><br><br>
Enter Marks of Maths<input type="number" name="t5"><br><br>
Enter Marks of Biology<input type="number" name="t6"><br><br>
<input type="button" name="btngrade" value="Grade" onClick="grade()">
</form>
</body>
<script type="text/javascript">
function grade()
{
var m1,m2,m3,m4,m5,m6,a;
m1=frmstudentgrade.t1.value;
m1=parseInt(m1);
m2=frmstudentgrade.t2.value;
m2=parseInt(m2);
m3=frmstudentgrade.t3.value;
m3=parseInt(m3);
m4=frmstudentgrade.t4.value;
m4=parseInt(m4);
m5=frmstudentgrade.t5.value;
m5=parseInt(m5);
m6=frmstudentgrade.t6.value;
m6=parseInt(m6);
a=(m1+m2+m3+m4+m5+m6)/6;
alert("average="+a);
if(a>=91)
{
alert("Grade A");
}
else
{
if(a>=35 && a<=60)
{
alert("Grade F");
}
else
{
if(a>=61 && a<=70)
{
alert("Grade D");
}
else
{
if(a>=71 && a<=80)
{
alert("Grade C");
}
else
if(a>=81 && a<=90)
{
alert("Grade B");
} if(a>=91 && a<=100)
{
alert("Grade A");
}
}
}
}
}
</script>
</html>
output
Practical no 9
<!DOCTYPE html>
<html>
<head>
<title>string palindrome or not</title>
</head>
<body>
Practical no 9
<form name="frm1">
Enter your name-<input type="text" name="t1"><br><br>
<input type="button" name="btncheck" value="check palindrome" onClick="check()">
</form>
</body>
<script type="text/javascript">
function check()
{
var a,s,i,ch,n;
a=frm1.t1.value;
s=a.toLowerCase();
n=s.length;
var p=1;
for(i=0;i<n/2;i++)
{
if(s.charAt(i)!=s.charAt(n-1-i))
{
p=0;
break;
}
}
if(p==1)
alert("string is palindrome");
else
alert("string is a not palindrome");
}
</script>
</html>
Output
Practical no 10(php)
<html>
<head></head>
<?php
$m1=array("English"=>"55","Hindi"=>"60","Maths"=>"70","Marathi"=>"85");
echo"<br><br><b>Elements of an array along with their keys:</b>";
echo"<br><br>Your score".$m1['English']."in English";
echo"<br><br>Your score".$m1['Hindi']."in Hindi";
echo"<br><br>Your score".$m1['Maths']."in Maths";
echo"<br><br>Your score".$m1['Marathi']."in Marathi";
echo"<br><br><b>size of an array is:</b>".count($m1);
array_splice($m1,0,1);
echo"<br><br><b>after deleting array is:</b>";
foreach($m1 as $x=>$x_value)
{
echo"<br><br>key=".$x.";value=".$x_value;
echo"<br><br>";
}
?>
</html>
Practical no 11
eligiblevoting.html
<!DOCTYPE html>
<html>
<body>
</form>
</body>
</html>
vote.php
<?php
if(isset($_POST['submit']))
$age=$_POST['age'];
if($age>=18)
else
?>
Output
Practical no 12
<?php
$a=array(55,68,68,80,75);
$t=0;
foreach($a as $value)
{
echo"<br><br>Marks in subject.$value";
$t=$t+$value;
}
$p=$t*100/500;
echo"<br><br>Total is:.$t";
echo"<br><br>percentage is:.$p";
?>
output