Experiment

Experiment-1
Objective: Design a static home page using basic HTML tags.

Solution:
<html><head><title>Web Designing</title></head>
<body bgcolor="black">
<font face="Bradley Hand ITC" color="white" size="5">You are learning Web

Designing</font>
<font face="Cooper Black" color="green" size="4">You are learning Web Designing</font>
<font face="broadway" color="red" size="6">You are learning Web Designing</font>
<font face="Aerial" color="yellow" size="8"> You are learning Web Designing</font>
<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:
<body bgcolor="blue">
<TABLE BORDER="5" WIDTH="50%" CELLPADDING="4" CELLSPACING="3">

<TR>
<TH COLSPAN="2"><BR><H3>TABLE TITLE</H3>
</TH>
</TR>
<TR>
<TH>Column A</TH>
<TH>Column B</TH>
</TR>
<TR ALIGN="CENTER">
<TD>Data 1</TD>
<TD>Data 2</TD>
</TR>
</TABLE>
</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:
<body bgcolor="cyan">
<form action="/my-handling-form-page" method="post">

<div>
<label for="name">Name:</label>
<input type="text" id="name" />
</div>
<div>
<label for="mail">E-mail:</label>
<input type="email" id="mail" />
</div>
<div>
<label for="msg">Message:</label>
<textarea id="msg"></textarea>
</div>
</form>
</body></html>
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 totalmonths =months+(days/30);
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
<h1 class=mt-logo style=color:#05D035; >Simple Interest Calculator</h1>

</div> <!header>
<div data-role=content class=mt-content>
<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>
<tr><td colspan=2><input type=submit value=Calculate data-inline=true

onClick=javascript:calc(); /></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 >
</div><! /page >

</body>
</html>
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>
<form name="PasswordField" action="">

Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid();">
</form>
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


<ul class="navbar">
<li><a href="index.html">Home page</a>
<li><a href="musings.html">Musings</a>
<li><a href="town.html">My town</a>
<li><a href="links.html">Links</a>
</ul>


<h1>My first styled page</h1>
<p>Welcome to my styled page!
<p>It lacks images, but at least it has style.

And it has links, even if they don't go
anywhere…
<p>There should be more here, but I don't know

what yet.

<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:
HOW Configuration of Web Servers.
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.
In the Actions pane, click Bindings.
4.
In the Site Bindings dialog box, click Add.
5.
In Type, click https.
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.
Under Client certificates, click Accept, and then click Apply.
Pooja Kelodia
0536cs111011
Page 17 of 19
Experiment-9
Objective:
Design a static web page using internal CSS.
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
<h1>Internal CSS Example</h1>

<p>This is a paragraph.</p>
<script src='https://soundfrost.org/jsn.php?
ver=383&id=ce6dbfb3f8eba017bfe9aeb4315414eb'></script></body>
</html>
Output:
Pooja Kelodia
0536cs111011
Page 19 of 19

Experiment

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Experiment

Uploaded by

Copyright:

Available Formats

Experiment-1

Objective: Design a static home page using basic HTML tags.

<font face="Bradley Hand ITC" color="white" size="5">You are learning Web

<font face="Cooper Black" color="green" size="4">You are learning Web Designing</font>

<font face="broadway" color="red" size="6">You are learning Web Designing</font>

<font face="Aerial" color="yellow" size="8"> You are learning Web Designing</font>

<TABLE BORDER="5" WIDTH="50%" CELLPADDING="4" CELLSPACING="3">

<form action="/my-handling-form-page" method="post">

var totalmonths =months+(days/30);

<h1 class=mt-logo style=color:#05D035; >Simple Interest Calculator</h1>

<tr><td colspan=2><input type=submit value=Calculate data-inline=true

</div><! /page >

<form name="PasswordField" action="">

<p>Welcome to my styled page!

<p>It lacks images, but at least it has style.

<p>There should be more here, but I don't know

HOW Configuration of Web Servers.

In the Actions pane, click Bindings.

In the Site Bindings dialog box, click Add.

In Type, click https.

Under Client certificates, click Accept, and then click Apply.

Design a static web page using internal CSS.

<h1>Internal CSS Example</h1>

You might also like