WT
WT
Program 2
Objective: Write a HTML program to design an entry form of student details and send it to
store at database server like SQL, Oracle or MS Access
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Details Form</title>
<style> body { font-family: Arial,
sans-serif; background-color:
#f4f4f4; margin: 0;
padding: 0;
}
.container { max-width:
500px; margin: 20px
auto; background-
color: #fff; padding:
20px; border-radius:
10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 { color: #333;
text-align: center;
margin-bottom: 20px;
}
input[type="text"],
2
input[type="email"],
select {
width: 100%;
padding: 8px; margin-
bottom: 15px; border:
1px solid #ccc;
border- radius: 5px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #007bff;
color: #fff; padding: 10px
20px; border: none;
border-radius: 5px; cursor:
pointer;
}
input[type="submit"]:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h1>Student Details Form</h1>
<form action="submit_student_details.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="course">Course:</label>
<select id="course" name="course" required>
<option value="">Select Course</option>
<option value="Engineering">Engineering</option>
<option value="Medicine">Medicine</option>
<option value="Commerce">Commerce</option>
3
<option value="Arts">Arts</option>
</select>
<label for="semester">Semester:</label>
<input type="text" id="semester" name="semester" required>
Output:
4
Program 3
Objective: Write programs using Java script for Web Page to display browsers information
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Browser Information</title>
</head>
<body>
<h1>Browser Information</h1>
<p id="browserInfo"></p>
<script> var browserInfo = "Browser: "
+ navigator.userAgent;
document.getElementById("browserInfo").innerHTML = browserInfo; </script>
</body>
</html>
Ouput:
5
Program 4
Objective: Write a Java applet to display the Application Program screen i.e. calculator and
other.
Code:
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
public class CalculatorApplet extends Applet implements ActionListener
{ TextField display;
Button[] buttons;
String[] buttonLabels = {
"1", "2", "3", "+",
"4", "5", "6", "-",
"7", "8", "9", "*",
".", "0", "=", "/"
"(-)", "X", "C"
};
7
double result =
evaluateExpression(expression);
display.setText(String.valueOf(result));
} catch (Exception ex) { display.setText("Error");
}
} else {
display.setText(display.getText() + command);
}
}
Output:
8
Program 5
Objective: Writing program in XML for creation of DTD, which specifies set of rules. Create a
style sheet in CSS/ XSL & display the document in internet explorer
Code:
XML code:
<?xml version="1.0"?>
<!DOCTYPE data SYSTEM "example.dtd">
<data>
<person>
<name>Sachin</name>
<age>48</age>
<email>[email protected]</email>
</person>
<person>
<name>Tom</name>
<age>62</age>
<email>[email protected]</email>
</person>
</data>
CSS code:
person { display:
block; margin-bottom:
20px; border: 1px
solid #ccc;
padding: 10px;
}
name { font-
weight: bold;
}
HTML code :
9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XML Display</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<xml src="example.xml" style="display:block; width:100%; height:100%;"></xml>
</body>
</html>
Output:
10
Program 6
11
Program 7
Objective: Install TOMCAT web server and APACHE. Access the above developed static web
pages for books web site, using these servers by putting the web pages developed
Theory:
2. Apache Tomcat:
- Web server and servlet container for Java-based web applications.
- Executes Java servlets and renders JavaServer Pages (JSP).
- Used to handle dynamic content generation.
- Integrates with Apache HTTP Server to serve dynamic content while Apache serves static content.
12
13