WT Record
WT Record
AIM:
To create a web page which includes a map and display the related information
when a hot spot is clicked in the map.
PROCEDURE:
PROGRAM:
ImageMap.html
<HTML>
<HEAD>
<TITLE>Image Map</TITLE></HEAD>
<BODY>
<img src="./india_map.jpeg" usemap="#metroid" ismap="ismap" >
<map name="metroid" id="metroid">
<area href="TamilNadu.html" shape="rect" coords = "64,87,247,531" title ="TamilNadu"/>
<area href="Karnataka.html" shape="rect" coords = "130,531,164,535" title ="Karnataka" />
<area href="AndhraPradesh.html" shape="rect" coords = "227,511,198,503" title ="Andhra
Pradesh" />
<area href="Kerala.html" shape="rect" coords = "154,606,166,621" title ="Kerala" />
<area href="Maharashtra.html" shape="rect" coords = "64,87,247,531" title ="Maharashtra" />
<area href="WestBengal.html" shape="rect" coords = "98,36,62,429" title ="West Bengal"
/></map>
</BODY>
</HTML>
Tamilnadu.html
<HTML>
<HEAD>
<TITLE>About Tamil Nadu</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Tamil Nadu</H1>
</CENTER><HR>
<UL>
<LI>Area : 1,30,058 Sq. Kms.</LI>
<LI>Capital : Chennai</LI>
<LI>Language : Tamil</LI>
<LI>Population : 6,21,10,839</LI>
</UL>
<hr>
<a href='./ImageMap.html'>India Map</a>
</BODY>
</HTML>
AndhraPradesh.html
<HTML>
<HEAD>
<TITLE>About Andhra Pradesh</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Andhra Pradesh</H1>
</CENTER>
<HR>
<UL>
<LI>Area : 2,75,068 Sq. Kms</LI>
<LI>Capital : Vishakhapatnam</LI>
<LI>Language : Telugu</LI>
<LI>Population : 7,57,27,541</LI>
</UL>
<hr>
<a href='./ImageMap.html'>India Map</a>
</BODY>
</HTML>
Karnataka.html
<HTML>
<HEAD>
<TITLE>About Karnataka</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Karnataka</H1>
</CENTER><HR>
<UL>
<LI>Area : 1,91,791 Sq. Kms</LI>
<LI>Capital : Bengaluru</LI>
<LI>Language : Kannada</LI>
<LI>Population : 5,27,33,958</LI>
</UL>
<hr>
<a href='./ImageMap.html'>India Map</a>
</BODY>
</HTML>
Kerala.html
<HTML>
<HEAD>
<TITLE>About Kerala</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Kerala</H1></CENTER>
<HR>
<UL>
<LI>Area : 38,863 Sq. Kms.</LI>
<LI>Capital : Thiruvananthapuram</LI>
<LI>Language : Malayalam</LI>
<LI>Population : 3,18,38,619</LI>
</UL>
<hr>
<a href='./ImageMap.html'>India Map</a>
</BODY>
</HTML>
Maharashtra.html
<HTML>
<HEAD>
<TITLE>About Maharashtra</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Maharashtra</H1></CENTER>
<HR>
<UL>
<LI>Area : 3,07,713 Sq. Kms.</LI>
<LI>Capital : Mumbai</LI>
<LI>Language : Marathi</LI>
<LI>Population : 11,23,74,333</LI>
</UL>
<hr>
<a href='./ImageMap.html'>India Map</a>
</BODY>
</HTML>
WestBengal.html
<HTML>
<HEAD>
<TITLE>About West Bengal</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>West Bengal</H1></CENTER>
<HR>
<UL>
<LI>Area : 88,752 Sq. Kms.</LI>
<LI>Capital : Kolkata</LI>
<LI>Language : Bengali</LI>
<LI>Population : 9,13,47,736</LI>
</UL>
<hr>
<a href='C:\Users\msren\Desktop\ImageMap.html'>India Map</a>
</BODY>
</HTML>
OUTPUT:
ImageMap.html
Tamilnadu.html
Andhrapradesh.html
Karnataka.html
Kerala.html
Maharashtra.html
WestBengal.html
RESULT:
Thus the creation of a webpage which includes a map and display the related information when
a hot spot is clicked in the map was executed successfully.
EX. NO. 2 CASCADING STYLE SHEETS
AIM:
To create a web page that displays college information using various style sheet.
PROCEDURE:
1.Create a web page with frame sets consisting two frames.
2.In the first frame include the links.
3.In the second frame set display the web page of the link.
4.Create a external style sheets.
5.Create a embedded style sheets
6.Create a inline and internal style sheets and make it link to the external style sheets
PROGRAM:
xyz.css
h3
{
font-family:arial; font-size:20; color:cyan
}
table{
border-color:green
}
td
{
font-size:20pt; color:magenta
}
aalimec.html
<html>
<head>
<h1>
<center>ALL STYLE SHEETS</center>
</h1>
<title>USE of INTERNAL and EXTERNAL STYLE SHEETS </title>
<link rel="stylesheet" href="xyz.css" type="text/css">
<style type="text/css">
.vid
{
font-family:verdana;
font-style:italic;
color:red;
text-align:center
}
.ani
{
font-family:tahoma;
font-style:italic;
font-size:20;
text-align:center;
}
font
{
font-family:georgia;
color:blue;
font-size:20;
}
ul
{
list-style-type:circle
}
p{
font-family: georgia, serif;
font-size: x-small;
}
hr
{
color: #ff9900; height: 1px
}
a:hover
{
color: #ff0000;
text-decoration: none
}
</style>
</head>
<body>
<h1 style="color:blue;margin-left:30px;">Welcome</h1> //In-line style Sheet
<ol style="list-style-type:lower-alpha">
<b>Aalim Muhammed Salegh College of Engineering </b>
<br>
<br>
<br>
<li> EEE</li>
<li> ECE </li>
<li> MECH</li>
<li> CSE</li>
</ol>
<p style="font-size:20pt;color:purple">Details</p>
<h2 class="vid"> Aalim Muhammed Salegh College of Engineering </h2><br>
<p class="ani"><br>It is approved by AICTE(All India Council for Technical Education). It is
affliated to Anna University. It is an NAAC certified Institution.<br></p>
<font><center> Nizara Educational Campus, Muthapudupet, Avadi-IAF, Chennai-600 055. </center>
</font>
<br>
<br>
<font>
<h2>List of Courses offered</h2>
<ul>
<li>Computer Science and Engineering</li>
<li>Electronics and Communication Engineering</li>
<li>Mechanical Engineering</li>
<li>Electrical and Electronics Engineering</li>
</ul>
</font>
<h3>Results of CSE students</h3>
<table width="100%" cellspacing="2" cellpadding="2" border="5"><tr>
<th>STUDENT NAME</th><th>MARKS</th><th>RESULT</th>
</tr>
<tr>
<td align="center">A</td><td align="center">100</td>
<td align="center">PASS</td>
</tr>
<tr>
<td align="center">B</td><td align="center">99</td>
<td align="center">PASS</td>
</tr>
<tr>
<td align="center">C</td><td align="center">98</td>
<td align="center">PASS</td></tr>
</table>
</body>
</html>
OUTPUT:
aalimec.html
Result:
Thus the creation of a web page that displays college information using various style sheet was
successfully executed and verified.
EX.No.3 VALIDATING THE INFORMATION USING DHTML
AIM:
To validate the information using DHTML
PROGRAM:
<!DOCTYPE html>
<html>
<head>
<title>Form Validation using DHTML</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-image: url("pic1.webp");
background-size: cover;
background-repeat: no-repeat;
}
.error {
color: black;
}
.input-container {
padding: 10px;
}
form {
text-align: left;
background-color: #ffd4e8 ;
padding: 50px;
border-radius: 15px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.success {
color: green;
text-align: center;
margin-top: 20px;
font-size: 1.2em;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
input[type="submit"] {
background-color: #f257a0;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
background-color: #45a049;
}
h2 {
font-family: "Courier New", cursive, sans-serif;
color: black;
}
</style>
<script>
function showErrorPopup(message) {
alert(message);
}
function validateForm(event) {
event.preventDefault();
if (email == "") {
showErrorPopup("This page says: The email field needs to be filled.");
return; // Stop further processing
}
if (password == "") {
showErrorPopup("This page says: The password field needs to be filled.");
return; // Stop further processing
}
Result:
Thus the creation of a web page that displays validating web form controls using DHTML was
successfully executed and verified.
Ex.No.4 INSTALLATION OF APACHE TOMCAT WEB SERVER
AIM:
To install TOMCAT web server. Convert the static web pages of assignments 2 into dynamic web
pages using Servlets and cookies.
PROCEDURE:
PROGRAM:
Main.html
<html>
<head>
<title> ONLINE BOOK STORES</title>
</head>
<body bgcolor="pink">
<marquee><h1 align=”center”><b><u><font color="white">ONLINE BOOK
STORAGE</u></font>
</b></h1></marquee>
<H2 ALIGN="CENTER">
<b><p><U><FONT COLOR="PURPLE">Welcome to online book storage.Press login if you are
having id otherwise press registration.</U></FONT></p></b></H2>
<H2><FONT COLOR="WHITE"></FONT></H2>
<H3 ALIGN="CENTER">
<A HREF="reg.html"><BR><BR><FONT
COLOR="black"><ITALIC>REGISTRATIONFORM</FONT></ITALIC><BR><BR>
<BR><BR><A HREF="profile.html"><FONT COLOR="black"><ITALIC>USER
PROFILE</FONT></ITALIC><BR>
<BR><BR><A HREF="login.html"><FONT COLOR="black"><ITALIC>USER
LOGIN</FONT></ITALIC><BR>
<BR><BR><A HREF="catalog.html"><FONT COLOR="black"><ITALIC>BOOKS
CATALOG</FONT></ITALIC><BR>
<BR><BR><A HREF="payment.html"><FONT
COLOR="black"><ITALIC>PAYMENT</FONT></ITALIC><BR>
<BR><BR><A HREF="Order.html"><FONT COLOR="black"><ITALIC>ORDER
CONFIRMATION</H3></FONT></ITALIC><BR>
</body>
</html>
Login.html
<html>
<body bgcolor="blue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||document.myform.pwd.value=="")
{
alert("LoginId and Password must be filled")
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
window.open("catalog.html","right");
}
else
{
alert("INVALID INPUT");
//document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID:<input type="text" name="id"><br>
PASSWORD:<input type="password" name="pwd">
<br><br>
</pre>
<input type="button" value="ok" onClick="validate()">
<input type="reset" value="clear">
</div>
</form>
</body>
</html>
Reg.html:
<html>
<body bgcolor="blue"><br><br>
<script language="javascript">
var str=document.myform.phno.value;
var x;
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
NAME :<input type="text" name="name"><br>
ADDRESS :<input type="type" name="addr"><br>
CONTACT NUMBER:<input type="text" name="phno"><br>
LOGINID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form>
</body>
</html>
Catalog.html:
<html>
<body bgcolor="pink"><br><br><br>
<div align="center">
<pre>
BOOK TITLE:<input type="text" name="title"><br>
</pre><br><br>
</div>
<br><br>
<div align="center">
Order.html:
<html>
<body bgcolor="pink"><br><br><br>
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
TITLE :<input type="text" name="title"><br>
NO.OF BOOKS :<input type="text" name="no"><br>
COST OF BOOK:<input type="text"name="cost"><br>
DATE :<input type="text" name="date"><br></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" name="button1">
<input type="reset" value="clear" name="button2">
</body>
</html>
Payment.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||document.myform.pwd.value==""||
document.myform.amount.value==""||document.myform.num.value=="")
{
13
flag=0;
}
var str=document.myform.amount.value;
var x;
for(var i=0;i<str.length;i++)
{
x=str.substr(i,1);
if(!(x<=9))
{
flag=0;
break;
}
}
str=document.myform.num.value;
for(var i=0;i<str.lenght;i++)
{
x=str.substr(i,1);
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"><br>
AMOUNT :<input type="text" name="amount"><br>
CREDITCARDNUMBER:<input type="PASSWORD" name="num+"><br></pre><br><br>
</div>
<br><br><div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form>
</body>
</html>
Profile.html:
<html>
<body bgcolor="pink"><br><br><br>
<script type="text/javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||document.myform.pwd.value=="")
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
PASSWORD:<input type="password" name="pwd"></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear" >
</form>
</body>
</html>
OUTPUT:
Login.html
Profile.html
Order.html
RESULT:
Thus to write java servlet programs to install TOMCAT web server for information to the
Shopping cart was successfully executed and verified.
EX.NO.5 SESSION TRACKING USING HIDDEN FORM FIELDS
AIM:
To write a Java Program for Session Tracking Using Hidden Form Fields. This servlet
demonstrates session tracking using hidden form fields by displaying the shopping cart for a
bookworm. Note that, if you try this servlet, the buttons at the bottom of the page it generates don't
take you anywhere real.
PROCEDURE:
1. Create a web page using HTML form that contains the fields such as text, password and one
submit button.
2. Set the URL of the server as the value of form’s action attribute.
3. Ask if the user wants to add more items or check out.
4. Include the current items as hidden fields so they'll be passed on and submit to self.
PROGRAM:
register.html:
<html>
<body bgcolor = "cyan">
<center>
<h1>WELCOME TO REGISTRATION PAGE</h1>
<form action="./registerone" METHOD="post">
Name: <input type="text" name = "name"><br><br>
Password: <input type="password" name="password"><br><br>
PROFESSION:
<select name="profession">
<option value="engineer">ENGINEER</option>
<option value="teacher">TEACHER</option>
<option value="businessman">BUSINESSMAN</option>
</select><br><br>
<input type="submit" value="REGISTER">
</form>
</center>
</body>
</html>
web.xml
<web-app>
<welcome-file-list>
<welcome-file>register.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>RegistrationServletOne</servlet-name>
<servlet-class>RegistrationServletOne</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RegistrationServletOne</servlet-name>
<url-pattern>/registerone</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>RegistrationServletTwo</servlet-name>
<servlet-class>RegistrationServletTwo</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RegistrationServletTwo</servlet-name>
<url-pattern>/registertwo</url-pattern>
</servlet-mapping>
</web-app>
RegistrationServletOne.java:
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegistrationServletOne extends HttpServlet
{
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
String name = request.getParameter("name");
String password = request.getParameter("password");
String profession = request.getParameter("profession");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<html><body bgcolor = wheat>");
out.println("<center>");
out.println("<h1>COMPLETE THE REGISTRATION</h1>");
out.println("<form action = ./registertwo method = post");
out.println("<input type = hidden name = name value =" + name + ">");
out.println("<input type = hidden name = password value =" + password + ">");
out.println("<input type = hidden name = profession value =" + profession + ">");
out.println("EMAIL ID:<input type =text name = email><br><br>");
out.println("PHONE NO:<input type =text name = cell><br><br>");
out.println("<input type =submit value=registernow>");
out.println("</center>");
out.println("</body></html>");
out.close();
}
}
RegistrationServletTwo.java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegistrationServletTwo extends HttpServlet
{
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
String name = request.getParameter("name");
String password = request.getParameter("password");
String profession = request.getParameter("profession");
String email = request.getParameter("email");
String cell = request.getParameter("cell");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<html><body bgcolor = wheat>");
out.println("<center>");
out.println("<h1>REGISTRATION SUCCESSFUL..........</h1>");
out.println("</center>");
out.println("</body></html>");
out.close();
}
RESULT:
Thus the Java program for Session Tracking using hidden form fields has been executed
successfully.
EX.NO.6 THREE TIER APPLICATIONS USING SERVLET
AIM:
To write java servlet programs to conduct online examination and to display student mark
list available in a database.
PROCEDURE:
Client:
1. In index.html on the client side declare the contents that you like to transfer to the server
using html form and input type tags.
2. Create a submit button and close all the included tags.
Server:
1. Import all necessary packages
2. Define a class that extends servlet
3. In the doPost() method, do the following:
i) Set the content type of the response to "text/html"
ii) Create a writer to the response
iii) Get a paratmeter from the request
iv) If its value is equal to right answer then add 5 to mark variable
v) Similarly repeat step
vi) for all parameters
vii) Display the result in an html format using the writer
Student Mark List Database:
1. Import necessary to java packages and javax packages and classes
2. Create a class that extends HttpServlet and implements ServletException
3. and IOException
4. In the doGet() method, do the following:
i) Create a PrintWriter object
ii) Open a connection with the data source name
iii) Write a sql query and execute to get the resultset
iv) Display the resultset information in html form.
PROGRAM:
Servlet Code:
import java.io.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class StudentServlet3 extends HttpServlet
{
String message,Seat_no,Name,ans1,ans2,ans3,ans4,ans5; int Total=0;
Connection connect; Statement stmt=null; ResultSet rs=null;
public void doPost(HttpServletRequest request,HttpServletResponse response) throws
ServletExcep-
tion,IOException
{
try
{
String url="jdbc:odbc:NEO"; Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
connect=DriverManager.getConnection(url," "," "); message="Thank you for participating in online
Exam";
}
catch(ClassNotFoundException cnfex){ cnfex.printStackTrace();
}
catch(SQLException sqlex){ sqlex.printStackTrace();
}
catch(Exception excp){ excp.printStackTrace();
}
Seat_no=request.getParameter("Seat_no"); Name=request.getParameter("Name");
ans1=request.getParameter("group1"); ans2=request.getParameter("group2");
ans3=request.getParameter("group3"); ans4=request.getParameter("group4");
ans5=request.getParameter("group5"); if(ans1.equals("True"))
Total+=2;
if(ans2.equals("False"))
Total+=2;
if(ans3.equals("True"))
Total+=2;
if(ans4.equals("False"))
Total+=2;
if(ans5.equals("False"))
Total+=2; try
{
Statement stmt=connect.createStatement();
String query="INSERT INTO student("+"Seat_no,Name,Total"+") VAL-
UES('"+Seat_no+"','"+Name+"','"+Total+"')";
int result=stmt.executeUpdate(query); stmt.close();
}catch(SQLException ex){
}
response.setContentType("text/html"); PrintWriter out=response.getWriter(); out.println("<html>");
out.println("<head>"); out.println("</head>"); out.println("<body bgcolor=cyan>");
out.println("<center>"); out.println("<h1>"+message+"</h1>\n");
out.println("<h3>Yours results stored in our database</h3>"); out.print("<br><br>");
out.println("<b>"+"Participants and their Marks"+"</b>"); out.println("<table border=5>");
try
{
Statement stmt=connect.createStatement(); String query="SELECT * FROM student";
rs=stmt.executeQuery(query); out.println("<th>"+"Seat_no"+"</th>");
out.println("<th>"+"Name"+"</th>"); out.println("<th>"+"Marks"+"</th>"); while(rs.next())
{
out.println("<tr>");
out.print("<td>"+rs.getInt(1)+"</td>");
out.print("<td>"+rs.getString(2)+"</td>");
out.print("<td>"+rs.getString(3)+"</td>");
out.println("</tr>");
}
out.println("</table>");
}
catch(SQLException ex){ } finally
{
try
{
if(rs!=null)
rs.close();
if(stmt!=null)
stmt.close();
if(connect!=null)
29
connect.close();
}
catch(SQLException e){ }
}
out.println("</center>");
out.println("</body></html>");
Total=0;
}}
HTML Code:
<html><head><title>Database Test</title></head> <body>
<center><h1>Online Examination</h1> </center>
<form action="StudentServlet3.view" method="POST"> <div align="left"><br></div>
<b>Seat Number:</b> <input type="text" name="Seat_no"> <div align="Right">
<b>Name:</b> <input type="text" name="Name" size="50"><br> </div>
<br><br>
<b>1. Every host implements transport layer.</b><br/> <input type="radio" name="group1"
value="True">True <input type="radio" name="group1" value="False">False<br>
<b>2. It is a network layer's responsibility to forward packets reliably from source to destina-
tion</b><br/>
<input type="radio" name="group2" value="True">True
<input type="radio" name="group2" value="False">False<br>
<b>3. Packet switching is more useful in bursty traffic</b><br/> <input type="radio"
name="group3"
value="True">True<input type="radio" name="group3" value="False">False<br> <b>4. A phone
network uses packet switching</b><br/> <input type="radio" name="group4" value="True">True
<input type="radio" name="group4" value="False">False<br>
<b>5. HTML is a Protocol for describing web contents</b><br/> <input type="radio"
name="group5"
value="True">True
<input type="radio" name="group5" value="False">False<br> <br><br><br>
<center>
<input type="submit" value="Submit"><br><br> </center>
</form></body></html>
OUTPUT:
RESULT:
Thus to write java servlet programs to conduct online examination and to display student
mark list available in a database was successfully executed and verified.
EX.NO.7 PROGRAMS USING XML-SCHEMA-XSLT/XSL
AIM:
To develop a program using XML-SCHEMA-XSLT/XSL.
PROCEDURE:
PROGRAM:
Students.xml:
<?xml version="1.0" encoding="UTF-8"?>
<Students>
<Student>
<Name>ABC</Name>
<Email>[email protected]</Email>
<Age>19</Age>
</Student>
<Student>
<Name>PQR</Name>
<Email>[email protected]</Email>
<Age>19</Age>
</Student>
<Student>
<Name>XYZ</Name>
<Email>[email protected]</Email>
<Age>19</Age>
</Student>
<Student>
<Name>LMN</Name>
<Email>[email protected]</Email>
<Age>19</Age>
</Student>
</Students>
Students.xsl:
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
<html>
<body>
<h2>Student Information</h2>
<table border="1">
<tr>
<th>Name</th>
<th>Email</th>
<th>Age</th>
</tr>
<xsl:apply-templates select="Students/Student" />
</table>
</body>
</html>
</xsl:template>
<xsl:template match="Student">
<tr>
<td><xsl:value-of select="Name" /></td>
<td><xsl:value-of select="Email" /></td>
<td><xsl:value-of select="Age" /></td>
</tr>
</xsl:template>
</xsl:stylesheet>
Students.py: