0% found this document useful (0 votes)
28 views21 pages

IT Final Practical Change 2024 25

Uploaded by

parvinbagwan43
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
0% found this document useful (0 votes)
28 views21 pages

IT Final Practical Change 2024 25

Uploaded by

parvinbagwan43
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/ 21

Practical N0: 1

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:

MULTIPLE AUDIO SAMPLE


<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
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()">

<h1 align="center"> 7 Different Type colour </h1>

<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("msg()", 1500);}
function msg()
{
alert("display of 7 different colors");
}
</script>
</body>
</html>
Practical No-7
Count number of vowels in string
<!DOCTYPE html>
<html>
<head>
<title>
count vowels</title>
</head>
<body>
<form name="frmvowels">
Enter your Name
<input type="text" name="txtname"><br>
<input type="button" name="btncount" value="count vowels" onClick="countvowels()">
</form>
<script type="text/javascript">
function countvowels()
{
var s,i,ch,c;
c=0;
s=frmvowels.txtname.value;
for(i=0;i<=s.length;i++)
{
ch=s.charAt(i);
if(ch=="A"||ch=="a"||ch=="E"||ch=="e"||ch=="I"||ch=="i"||ch=="O"||ch=="o"||ch=="U"||ch=="u")
c++;
}
alert("Number of vowels in string are"+c);
}
</script>
</html>
Output
Practical No-8
Compute the average marks of student

<!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>

<h1 align="center">Person eligible to vote or not</h1>

<form method="post" action="vote.php">

Enter your age<input type="text" name="age"><br>

<input type="submit" name="submit" value="check eligible">

</form>

</body>

</html>

vote.php
<?php

if(isset($_POST['submit']))

$age=$_POST['age'];

if($age>=18)

echo"<br><br>You are Eligible to vote";

else

echo"<br><br>You are not Eligible to vote";

?>
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

You might also like