You are on page 1of 1

<Html> <Html> <Html>

<Head> <Head> <Head>


<title>SOP2 Advanced Web Designing Practical</title> <Title> Video </title>
<Title>Javascript</title> <style type="text/css"> </head>
<Body> Ol <Body>
{ <H1> Video File demo </H1>
<H2>JavaScript code to convert Celcius to Fahrenhiet or vice-versa</H2> font-size: 20px;
<Video height="100" Width="100" autoplay controls>
<br> margin-left: 240px;
<source src="C:\Users\manish.sutar\Desktop\DMS1\a.mp4" type="video/webm">
display: inline-table;
<P>Enter the Temperature </P> background-color: #f7f5d2;
Video Files format not supported by Browser!!
<p><input type="text" id="txt_celsius" onkeyup="convert('C')"> width:190px; </Video>
<B>Temperature in degree Celsius </B> </P> } </Body>
<Br> Ul </Html>
<P> <input type="text" id="txt_fah" onkeyup="convert('F')"> <B> {
font-size: 20px;
Temperature in degree Fahrenheit </B> </P> max-width: 190px;
background-color: pink;
<script> margin-left: 40px;
function convert(temperature) display: inline-table;
{ padding-left: 40px
}
var t; </style>
if (temperature == "C") //Celsius to fahrenit </Head>
{ <Body>
t = document.getElementById("txt_celsius").value * 9 / 5 + <H1 style="background-color: cyan;color:#f011b4;margin-left: 240px;width: 500px;text-
32; align: center;height: 60px;">
Tourist Places
document.getElementById("txt_fah").value= Math.round(t); </H1>
} <ol>
else //fahrenirt to celsius <b>City</b>
{ <li>Pune</li>
t = (document.getElementById("txt_fah").value -32) * 5 / 9; <li>Bangalore</li>
<li>Hyderabad</li>
document.getElementById("txt_celsius").value = <li>Delhi</li>
Math.round(t); </ol>
} <ul>
} Tourist Places in Pune
</script> <li> Shanivarwada</li>
<li> Kelkar Museum</li>
<li>Sinhgad Fort</li>
</Body> </ul>
</html> </body>
</html>

<html> <html>
<head> <head>
<title>SOP3 Demostration</title> <title>Second Page Html</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="lightyellow"> </head>
<table> <body>
<tr> <div>
<td> <ul>
<label for="name"> Traveller Name: <li>
</label> Name of Transporter - Air Asia
<input type="text" name="Traveller_name" id="name"> </li>
</td>
<li>
</tr>
<tr> Time - 09:30 AM
<td> </li>
<label for="date">Travelling Date:</label> <li>
<input type="date" name="Travelling_date" id="date"> Seat No - B39
</td> </li>
</tr> <li>
<tr> Destination - Delhi
<td>
</li>
<label for="phone_no">
Telephone No: </ul>
</label> <input type="submit" name="submit" value="Back"
<input type="tel" id="phone" name="phone" pattern="[0-9]{2}-[0- onclick="history.back();">
9]{10}"> </div>
</body>
</td> </html>
</tr>
<tr>
<td>
<input type="image" name="Submit" id="Submit" src="Submit.png"
onclick="window.location.href='second_page.html';">
</td>
</tr>

</table>
</body>
</html>

You might also like