0% found this document useful (0 votes)
30 views12 pages

12 IT Journals

Class 12 it journal

Uploaded by

sampotawade
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views12 pages

12 IT Journals

Class 12 it journal

Uploaded by

sampotawade
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 12

Practical No 1

Table.html
<html>
<table cellspacing=" 25%" cellpadding= "40%" border=5 width=20% bordercolor="blue">
<tr>
<th> Rollno </th>
<th> Name </th>
<th> Marks </th></tr>
<tr style="color:red ;text-align:center">
<td>1 </td>
<td> Manish </td>
<td> 70 </td></tr>
<tr><td> 2 </td>
<td> Ashish </td>
<td> 89 </td></tr>
<tr>
<td> 3 </td>
<td> Vidya </td>
<td> 67 </td>
</tr></table></html>

Orderedlist.html

<html> <body><ol> <li> Basics of IT </li><li> HTML </li>


<li> PostgreSQL </li> </ol>
<hr size="5" color="red">
<ol type="i"><li> Basics of IT </li>
<li> HTML </li>
<li> PostgreSQL </li></ol>
<hr size="5" color="green">
<ol reversed><li> Basics of IT </li>
<li> HTML </li>
<li> PostgreSQL </li>
</ol></body>
</html>

Unorderedlist.html

<html> <body>
<ul type=square>
<li> HTML
<li> JavaScript
<li> PHP
</ul></body></html>
Practical No 2

Tourist.html
<html>
<head> <title> Linking the page </title></head>
<table border="2" height="60%" width="30%">
<tr>
<td colspan=2 style="background-color: lightblue;color:red;font-size:40px;text-
align:center "> Tourist places </td>
</tr>

<tr>
<td style="background-color:yellow;"> <h1>city </h1>
<ol type="1">
<li> Pune </li>
<li> Hydrabad </li>
</ol>
</td>
<td style="background-color: lightpink; font-size:20px">
<p style=" font-weight: bold"> Tourist places in Pune </p>
<ul>
<li> shaniwar wada</li>
<li> Kelkar Museum</li>
<li> Sinhagad Fort </li>
</ul>
</tr>
</table>
</html>
Practical No 3
Traveller.html

<HTML>
<HEAD>
<TITLE>Entry form</TITLE>
<LINK href="style_sheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<form name=frm action="traveller2.html">
Enter Traveller's Name :- <INPUT type=text name=t1> <br>
Enter Travel Date :- <INPUT type=text name=t2> <br>
Enter phone no: - <INPUT type=text name=pno> <br>
<input type="image" src="Tulips.jpg" alt="Submit" width="48" height="48">
</form>
</BODY>
</HTML>

Traveller2.html

<HTML>
<HEAD>
<TITLE>Entry form</TITLE>
<LINK href="style_sheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<ul>
<li> Name of Transporter - Air Asia</li>
<li> Time - 9.30 am</li>
<li> Seat no -B39 </li>
<li> Destination -Delhi</li>
</ul>
</BODY>
</HTML>

Style_sheet.css

body{ background-color: lightpink;}


p { color: blue; }
ul { color:green ; font-size:20pt;font-family:"Arial"}
Practical No 4

Image_map.html

<html><body>
<img src="Tulips.jpg" height=300 width=260 usemap="#mymap"></img>

<map name="mymap">
<area shape="rect" Coords="0,0,70,80" href="rose.html">
<area shape="circle" Coords="150,100,50" href="yellow.html">
<area shape="poly" coords="80,90,100,150,100,100,89,100,170,100"
href="yellow.html">
</map>

<body>
</html>
Practical No 5

str_vowel.html

<html><body>
<script langauge="javascript">

function f1()
{
var str,i,count=0;
str= document.frm.t1.value;
str=str.toUpperCase();

for(i=0;i<str.length;i++)
{
switch(str.charAt(i))
{
case 'A' :
case 'E' :
case 'I' :
case 'O' :
case 'U' : count++; break;
}
}
alert("Number of vowels in a String is " + count);
}
</script>

<form name="frm">
Enter a String : <input type=text name=t1 > <br>
<input type=button value= "Vowel" onclick="f1();">
</form>
</body>
</html>
Practical No 6

DataValidate.html

<HTML>
<HEAD>
<TITLE>Entry form</TITLE>
</HEAD>
<BODY>
<h1 style="color:red; font-size:45px;font-family:Arial;"> Data Entry Form </h1>
<form name=frm>
Your Name :- <INPUT type=text name=t1 required maxlength=20> <br>
Address :- <textarea id="myTextarea" placeholder="Your address.." required
></textarea> <br>
Contact : - <INPUT type=tel name="pno" required pattern="[0-9]{2}-[0-9]{10}">
<br>
Email ID :- <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-
9.-]+\.[a-z]{2, }$"> <br>

<INPUT type=submit value= "Submit" name=submit1>


</form>
</BODY>
</HTML>
Practical No 7
Form_age.html

<html>
<body>
<form action="chk_Age.php" >
Enter the age :- <input type="text" name="age"> <br>
<input type="submit" value="submit">
</form>
</body> </html>

chk_Age.php

<?php
$a=(int)$_GET["age"] ; // convert string into int

if ($a< 18)
echo " <h2 style='color : red ' >". $a . " is invalid age for voting </h2> " ;
else
{
if ($a>=18)
echo " <h2 style='color : navy ' >". $a . " age is eligible for voting </h2> " ;
}
?>
Practical No 8
Form_string.html
<html> <body>
<form action="Vowel_str2.php" method="post">

Name :- <input type="text" name="str"> <br>


<input type="submit">
</form>
</body> </html>

Vowel_str2.php

<?php
// function along with one parameter
function str_Vowel($st) {
$st=Strtoupper($st);
$cnt=0;

for($i=0;$i < strlen($st); $i++)


{
$c= substr($st,$i,1);
switch ($c) {
case 'A':
case 'E':
case 'I':
case 'O':
case 'U': $cnt++; break;
}
}
echo " <h2 style='color : navy' > ". " No. of Vowel Count in String ".$st . " is ". $cnt. "</h2>";
}

$s=$_POST["str"] ;
str_Vowel($s) ;
?>
Practical No 9
Practical1.html
<!DOCTYPE html>
<html><head>
<title>reliance</title>
<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">reliance pvt ltd</h1>
<p>
66% of the equity share capital of reliance is held by trust, which support education,health, livelihood
generation, and art and culture. Each company or enterprise operates independently
under the guidance and supervision of its own boards of directors.
</p>
<b>Governance philosophy </b><br><br>
<i>reliance code of conduct</i><br><br>
<u>reliance</u><br><br>
<h2>Image of Reliance</h2>
<img src="C:\Users\VOC-1\Desktop\reliance.jpg" height="250" alt="reliance"><br><br>
<a href="second.html">second page</a>
</body></html>

Second.html
<!DOCTYPE html>
<html>
<head>forms</title>
<meta name="author" content="form">
<style>
h1{border-style:dotted}
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>
Enter your Email ID<input type="email" name="emailid"><br><br>
<input type="submit" name="submitbtn" value="submit">
</form>
<a href="practical1.html">First page</a>
</body>
</html>
Practical No 10
Audio.html

<!DOCTYPE html>
<html>
<body>
<h1 align ="center">audio with controls</h1>
<p>Audio Sample</p>
<audio controls autoplay loop=-1>
<source src="C:\Users\VOC-1\Downloads\JekK_-_JekK_-_Nothing_to_Prove.mp3"
type="audio/mp3">
</audio>
</body>
</html>

Multiaudio.html

<!DOCTYPE html>
<html>
<body>
<h1 align ="center">audio with controls</h1>
<p>Audio Sample</p>
<audio controls autoplay loop=-1>
<source src="C:\Users\VOC-1\Downloads\JekK_-_JekK_-_Nothing_to_Prove.mp3"
type="audio/mp3">
<source src="C:\Users\VOC-1\Downloads\JekK_-_JekK_-_Nothing_to_Prove.wav"
type="audio/wav">
<source src="C:\Users\VOC-1\Downloads\JekK_-_JekK_-_Nothing_to_Prove.ogg"
type="audio/ogg">

</audio>
</body>
</html>
Practical No 11
Program Name :- pallin_string.html

<html>
<head>
<script langauge="javascript">

function pallin_str()
{
var f, i, j, st;
st= document.frm.t1.value;
st=st.toLowerCase();
j=st.length-1;

for(f=0,i=0;i<j; i++, j--)


{
if (st.charAt(i) != st.charAt(j) )
{
f=1;
break;
}
}
if (f==0)
alert("Given string is pallindrome");
else
alert("Given string is not pallindrome");
}
</script>
</head>
<body>
<form name="frm">
Enter a String : <input type=text name=t1 >
<input type=button value= "Pallindrome" onclick="pallin_str();">
</form>
</body>
</html>
Practical No 12
Program Name :- Array_student.php

?php

/* Creating an associative array */

$student_one = array("English"=>65, "Hindi"=>60, "Marathi"=>66, "Maths"=>95


"Information Technology"=>98);

/* Looping through an array using foreach */


foreach ($student_one as $key => $value)
{
echo "Student got ".$value. " marks in ".$key."<br>";
}

echo "<h4 style='color:blue' >Total Marks -".array_sum($student_one) ."<br>";

$avg= array_sum($student_one);

echo " Percentage -". $avg/5 ."</h4>";

?>

You might also like