JSP means Java Server Pages .it provide designing of HTML Web pages.
We can write all html tags and css under JSP web page.
step for design:-
1) ADD JSP Web page
2 ) Create Layout using <header></header>,<section></section> and <footer></footer>
3) Create CSS part and provide size of header,section and footer tag
4) Run JSP Web pages
Complete Code of Designining Under JSP :-
<%--
Document : design1
Created on : Sep 30, 2019, 7:14:36 PM
Author : Shiva
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
*
{
margin:0px;
}
header{
height:50px;
background-color:blue;
color: white;
}
section{
height:500px;
background-color: gray;
}
footer{
height: 80px;
background-color: blue;
color:white;
}
</style>
</head>
<body>
<header>
<center><h1>Welcome in Design</h1></center>
</header>
<section>
<p>shaghdagfhjdghfjgdhfghdgfhdgfhjdgfhgd hdgfhgdahfg hdf ghdagfhda hfgdjkfg dkfg hdfhdg hdgf</p>
<p>dnfhjdgfhjgdhjfgdh hdsgfhdghfgdhfgdhjfhdf</p>
<p>hdgfhj dhjfghjdfg dhfghjdgfd dhfghdfhd f</p>
<img src="Jellyfish.jpg" alt="welcome in my image" width="400" height="200" />
<iframe width="560" height="315" src="https://www.youtube.com/embed/RozLJJnzi00" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<footer>
<center>Welcome in My Site</center>
</footer>
</body>
</html>
We can write all html tags and css under JSP web page.
step for design:-
1) ADD JSP Web page
2 ) Create Layout using <header></header>,<section></section> and <footer></footer>
3) Create CSS part and provide size of header,section and footer tag
4) Run JSP Web pages
Complete Code of Designining Under JSP :-
<%--
Document : design1
Created on : Sep 30, 2019, 7:14:36 PM
Author : Shiva
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
*
{
margin:0px;
}
header{
height:50px;
background-color:blue;
color: white;
}
section{
height:500px;
background-color: gray;
}
footer{
height: 80px;
background-color: blue;
color:white;
}
</style>
</head>
<body>
<header>
<center><h1>Welcome in Design</h1></center>
</header>
<section>
<p>shaghdagfhjdghfjgdhfghdgfhdgfhjdgfhgd hdgfhgdahfg hdf ghdagfhda hfgdjkfg dkfg hdfhdg hdgf</p>
<p>dnfhjdgfhjgdhjfgdh hdsgfhdghfgdhfgdhjfhdf</p>
<p>hdgfhj dhjfghjdfg dhfghjdgfd dhfghdfhd f</p>
<img src="Jellyfish.jpg" alt="welcome in my image" width="400" height="200" />
<iframe width="560" height="315" src="https://www.youtube.com/embed/RozLJJnzi00" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<footer>
<center>Welcome in My Site</center>
</footer>
</body>
</html>
POST Answer of Questions and ASK to Doubt