12 IT Journals
12 IT Journals
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
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
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>
<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">
Vowel_str2.php
<?php
// function along with one parameter
function str_Vowel($st) {
$st=Strtoupper($st);
$cnt=0;
$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;
?php
$avg= array_sum($student_one);
?>