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>





Post a Comment

If you have any doubt in programming or join online classes then you can contact us by comment .

Previous Post Next Post