Uday Web

Name- Uday Kumar Shrivastava Roll No.
:- 2100320100172 Group:- C1
Experiment – 1
Aim - Write HTML/JAVA script to display your CV in navigator, your Institute website,
Department Website and Tutorial website for special subject.
Code -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your CV</title>
<style>
body { font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: rgb(246, 247, 247);
color:rgb(7, 0, 0); }
.container { max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #ffff;
border: 2px solid black;
border-radius: 20px ;
box-shadow: 0 10px 10px #6a272fcd; }
h1, h2, h3 { color: #333; }
p { margin-bottom: 15px;}
</style>
</head>
<body>
<div class="container">
1
Name- Uday Kumar Shrivastava Roll No.:- 2100320100172 Group:- C1
<header>
<h1>Tanmay Agrawal</h1>
<hr>
<p>Email: [email protected]</p>
<p>Phone: 8439102764</p>
</header>
<section>
<h2>Education</h2>
<hr>
<p>Degree: B.Tech</p>
<p>Institution: ABES</p>
<p>Year of Graduation: 2025</p>
</section>
<section>
<h2>Experience</h2>
<hr>
<p>Position: My Position</p>
<p>Company/Organization: Company Name</p>
<p>Duration: 06/2024 - 5/2025 </p>
<p>Description: Interested in Competitive Programming, Data Structures and MERN
Stack development</p>
</section>
<section>
<h2>Skills</h2>
<hr>
<p>- Python</p>
<p>- MERN Stack</p>
<p>- DSA</p>
</section>
<footer>
<p>References available upon request.</p>
2
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Resume</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
border: 1px solid rgb(17, 16, 16);
border-radius: 25px;
background-color: #fff;
box-shadow: 0 10px 25px rgba(0, 174, 255, 0.255);
}
h1 { text-align: center;
color: #007bff; }
p{ color: rgb(100, 225, 221); }
3
a { color: #000000;
text-decoration: none;
transition: color 0.3s ease; }
a:hover { color: #8000b3;
text-decoration: underline; }
ul { padding-left: 20px; }
li { margin-bottom: 10px; }
</style>
</head>
<body>
<h1>My Resume</h1>
<p>This is my resume. Below you can find links to other relevant websites:</p>
<li><a href="web1.html" target="_blank">View Resume </a></li>
<li><a href="http://www.abes.ac.in" target="_blank">Institute Website
<ul></a></li>
<li><a href="http://www.yourdepartmentwebsite.com" target="_blank">Department
Website</a></li>
<li><a href="http://www.youtube.com" target="_blank">Tutorial Website for Specific
Subject</a></li>
</ul>
</div>
<script>
</script>
</body>
</html>
4
5
Experiment – 2
Aim – Write an HTML program to design an entity from of student detail and send it to store
at database server like SQL, Oracle on MS Access.
Code-
<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Admission Form</title>
<style>
body {
margin: 0;
padding: 0; }
.container {
max-width: 800px;
margin: 20px auto;
background-color: lemonchiffon;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgb(246, 183, 68); }
h2 {
text-align: center; }
.form-group {
margin-bottom: 20px; }
label {
font-weight: bold; }
input[type="text"],
6
input[type="email"],
select,
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ff1e00;
border: 1px solid;
border-radius: 5px;
box-sizing: border-box;
margin-top: 5px;
font-size: 16px; }
input[type="submit"] {
background-color: #4881de;
color: #ffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px; }
input[type="submit"]:hover {
background-color: #9c4444; }
.logo {
text-align: center;
margin-bottom: 20px; }
.logo img {
width: 150px;
height: auto; }
.button{
text-align: center; }
body{
7
background-image: linear-gradient(120deg,); }
</style>
</head>
<body>
<div class="logo">
<img src="./abes.jpg" alt="College Logo">
</div>
<h2>Student Admission Form</h2>
<form action="#" method="POST">
<div class="form-group">
<label for="fullname">Full Name:</label>
<input type="text" id="fullname" name="fullname" required>
</div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="">Select Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob" required>
8
</div>
<label for="address">Address:</label>
<textarea id="address" name="address" rows="4" required></textarea>
</div>
<label for="course">Course:</label>
<input type="text" id="course" name="course" required>
</div>
<label for="class10_grade">Grade in Class 10:</label>
<input type="text" id="class10_grade" name="class10_grade" required>
</div>
</div>
<label for="extracurricular">Extracurricular Activities:</label>
<textarea id="extracurricular" name="extracurricular" rows="4"></textarea>
</div>
<div class="button" >
<input type="submit" value="Submit">
</div>
</form>
</div>
</body>
</html>
9
10
Experiment – 3
Aim – Write DTD and XML code for the student admission form
DTD Code –
<!DOCTYPE StudentAdmissionForm [
<!ELEMENT StudentAdmissionForm (Student)>
<!ELEMENT Student (FullName, Email, Gender, DateOfBirth, Address, Course,
GradeInClass10, GradeInClass12, ExtracurricularActivities)>
<!ELEMENT FullName (#PCDATA)>
<!ELEMENT Email (#PCDATA)>
<!ELEMENT Gender (#PCDATA)>
<!ELEMENT DateOfBirth (#PCDATA)>
<!ELEMENT Address (#PCDATA)>
<!ELEMENT Course (#PCDATA)>
<!ELEMENT GradeInClass10 (#PCDATA)>
<!ELEMENT GradeInClass12 (#PCDATA)>
<!ELEMENT ExtracurricularActivities (#PCDATA)>
]>
XML CODE-
<?xml version="1.0" encoding="UTF-8"?>
<StudentAdmissionForm>
<Student>
<FullName>Tanmay Agrawal</FullName>
<Email>[email protected]</Email>
<Gender>Male</Gender>
<DateOfBirth>22-04-2004</DateOfBirth>
<Address>Sambhal</Address>
<Course>B.Tech</Course>
<GradeInClass10>94.8</GradeInClass10>
<GradeInClass12>94.4</GradeInClass12>
<ExtracurricularActivities></ExtracurricularActivities>
</Student>
11
</StudentAdmissionForm>
Output-
12
Experiment – 4
Aim – Write program to Design HTML form for keeping student record and validate it using
Java script.
Code-
<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Admission Form</title>
<style>
body {
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 15px rgb(163, 148, 215);
}
h2 {
text-align: center;
}
.form-group {
margin-bottom: 20px;
13
}
label {
font-weight: bold;
}
input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ff1e00;
box-sizing: border-box;
margin-top: 5px;
font-size: 16px;
}
input[type="submit"] {
background-color: #4881de;
color: #ffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #9c4444;
}
.logo {
text-align: center;
margin-bottom: 20px;
14
}
.logo img {
width: 150px;
height: auto;
}
.button{
text-align: center;
}
body{
background-image: linear-gradient(120deg,);
}
</style>
</head>
<body>
<div class="logo">
<img src="logo.jpg" alt="College Logo">
</div>
<h2>Student Admission Form</h2>
<form id="admissionForm" action="#" method="POST" onsubmit="return
validateForm()">
<label for="fullname">Name:</label>
<input type="text" id="fullname" name="fullname" required>
</div>
<label for="email">Email ID:</label>
<input type="email" id="email" name="email" required>
</div>
<label for="gender">Gender:</label>
15
<select id="gender" name="gender" required>

<option value="">Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob" required>
</div>
<label for="address">Permanent Address:</label>
<textarea id="address" name="address" rows="4" required></textarea>
</div>
<label for="course">Course:</label>
<input type="text" id="course" name="course" required>
</div>
</div>
<label for="jee_rank">JEE RANK:</label>
<input type="text" id="jee_rank" name="jee_rank" required>
</div>
<input type="text" id="class12_grade" name="class12_grade" required> </div>
16
<label for="extracurricular">Extracurricular Activities:</label>
<textarea id="extracurricular" name="extracurricular" rows="4"></textarea>
</div>
<div class="button">
<input type="submit" value="Submit">
</div>
</form>
</div>
<script>
function validateForm() {
var form = document.getElementById("admissionForm");
var inputs = form.querySelectorAll("input, select, textarea");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].hasAttribute("required") && inputs[i].value === "") {
alert("Please fill in all required fields.");
return false;
}
}
var emailInput = form.querySelector('input[type="email"]');
var email = emailInput.value;
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert("Please enter a valid email address.");
return false;
}
return true;
}
</script></body></html>
17
Output-
Experiment – 5
Aim – Write program to implement different types of method overloading in java

Code-
Method Overloading-
import java.io.*;
class Product {
public int multiply(int a, int b) {
int prod = a * b;
return prod;
18
}
public int multiply(int a, int b, int c) {
int prod = a * b * c;
return prod;
}
public int sum(int a, int b) {
int sum = a + b;
return sum;
}
public int sum(int a, int b, int c) {
int sum = a + b + c;
return sum;
}
}
class MethodOverloadingExample {
public static void main(String[] args) {
Product ob = new Product();
int prod1 = ob.multiply(1, 2);
System.out.println("Product of the two integer value :" + prod1);
int prod2 = ob.multiply(1, 2, 3);
System.out.println("Product of the three integer value :" + prod2);
int sum1 = ob.sum(1, 2);
System.out.println("Sum of the two integer value :" + sum1);
int sum2 = ob.sum(1, 2, 3);
System.out.println("Sum of the three integer value :" + sum2);
}
}
Output-
19
1. Changing the Number of Parameters-

import java.io.*;
class MathOperations {
public int multiply(int a, int b) {
return a * b;
}
public int multiply(int a, int b, int c) {
return a * b * c;
}
public int sum(int a, int b) {
return a + b;
}
public int sum(int a, int b, int c) {
return a + b + c;
}
}
public class Main {
MathOperations math = new MathOperations();
System.out.println("Product of 2 integers: " + math.multiply(2, 3));
System.out.println("Product of 3 integers: " + math.multiply(2, 3, 4));
System.out.println("Sum of 2 integers: " + math.sum(2, 3));
System.out.println("Sum of 3 integers: " + math.sum(2, 3, 4));
20
}
}
Output-
2. Changing Data Types of the Arguments-

import java.io.*;
class Product {
public int Prod(int a, int b, int c) {
int prod1 = a * b * c;
return prod1;
}
public double Prod(double a, double b, double c) {
double prod2 = a * b * c;
return prod2;
}
public int Sum(int a, int b, int c) {
int sum = a + b + c;
return sum;
public double Sum(double a, double b, double c) {
double sum = a + b + c;
return sum;
}
}
21
public class Main{

Product obj = new Product();
int prod1 = obj.Prod(1, 2, 3);
System.out.println("Product of the three integer value :" + prod1);
double prod2 = obj.Prod(1.0, 2.0, 3.0);
System.out.println("Product of the three double value :" + prod2);
int sum1 = obj.Sum(1, 2, 3);
System.out.println("Sum of the three integer value :" + sum1);
double sum2 = obj.Sum(1.0, 2.0, 3.0);
System.out.println("Sum of the three double value :" + sum2);
}
}
3. Changing the Order of the Parameters of Methods-

import java.io.*;
class MathOperations {
public float multiply(float a, int b) {
return a * b;
}
public float multiply(int b, float a) {
return a * b;
}
public float sum(float a, int b) {
22
return a + b;
}
public float sum(int b, float a) {
return a + b;
}
}
public class Main {
MathOperations math = new MathOperations();
System.out.println("Product of float and int: " + math.multiply(2.5f, 3));
System.out.println("Product of int and float: " + math.multiply(3, 2.5f));
System.out.println("Sum of float and int: " + math.sum(2.5f, 3));
System.out.println("Sum of int and float: " + math.sum(3, 2.5f));
}
}
Output-
23

Uday Web

Uploaded by

Copyright:

Available Formats

Uday Web

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

Uday Web

Uploaded by

Copyright:

Available Formats

Name- Uday Kumar Shrivastava Roll No.

<select id="gender" name="gender" required>

Aim – Write program to implement different types of method overloading in java

1. Changing the Number of Parameters-

2. Changing Data Types of the Arguments-

public class Main{

3. Changing the Order of the Parameters of Methods-

You might also like