Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 8 views

    Exp 1

    Uploaded by

    myneweducation
    The document describes designing a web page to display student education details in a tabular format. It includes the HTML, CSS, and output of a web page with student details like name, class, branch, CGPA, and college in a table.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Exp 1

    Uploaded by

    myneweducation
    8 views4 pages
    The document describes designing a web page to display student education details in a tabular format. It includes the HTML, CSS, and output of a web page with student details like name, class, branch, CGPA, and college in a table.

    Original Description:

    Multimedja exp1

    Original Title

    Exp1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document describes designing a web page to display student education details in a tabular format. It includes the HTML, CSS, and output of a web page with student details like name, class, branch, CGPA, and college in a table.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    8 views4 pages

    Exp 1

    Uploaded by

    myneweducation
    The document describes designing a web page to display student education details in a tabular format. It includes the HTML, CSS, and output of a web page with student details like name, class, branch, CGPA, and college in a table.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 4

    Exp No: 1 TITLE: Date:

    AIM: Design a web page to display student education details


    in a tabular format.

    <DOCTYPE html>
    <html>
    <head>
    <title>Webpage</title>
    <link rel="stylesheet" href="exp1.css">
    </head>
    <body>
    <h1>Student Education Details</h1>
    <div id="container">
    <h1>Student Details</h1>
    <table>
    <tr>
    <th>Name</th>
    <th>Class</th>
    <th>Branch</th>
    <th>CGPA</th>
    <th>College</th>
    </tr>
    <tr>
    <td>VENKATRAO</td>
    <td>B.TECH</td>
    <td>CSM</td>
    <td>9.5</td>
    <td>GPREC</td>
    </tr>
    <tr>
    <td>PAWAN</td>
    <td>B.TECH</td>
    <td>ECE</td>
    <td>9.0</td>
    <td>GPREC</td>
    </tr>

    Roll No:229X5A3371 Page No:


    Exp No: 1 TITLE: Date:

    <tr>
    <td>PRATAP</td>
    <td>B.TECH</td>
    <td>EEE</td>
    <td>9.2</td>
    <td>GPREC</td>
    </tr>
    <tr>
    <td>SUSHMA</td>
    <td>B.TECH</td>
    <td>CIVIL</td>
    <td>7.2</td>
    <td>GPREC</td>
    </tr>
    <tr>
    <td>SHRAYA</td>
    <td>B.TECH</td>
    <td>CSE</td>
    <td>9.8</td>
    <td>GPREC</td>
    </tr>
    </table>
    </div>
    </body>
    </html>

    #CSS FILE
    #container
    {
    margin:auto;
    border:3px solid #2DBE2F;
    padding:30px;
    width:40%;
    }
    h1

    Roll No:229X5A3371 Page No:


    Exp No: 1 TITLE: Date:

    {
    text-align:center;
    color:#009B02;
    }
    th
    {
    text-align: center;
    color:#02DA04;
    }
    table
    {
    background-image:url('type your image url.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    border-collapse:collapse;
    margin:20px auto;
    border: 1px solid black;
    padding:10px;
    width:80%;
    }
    td, th
    {
    border: 1px solid black;
    text-align: left;
    padding: 8px;
    }
    body
    {
    background-image:url('type your image url.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    }

    Roll No:229X5A3371 Page No:


    Exp No: 1 TITLE: Date:

    OUTPUT:

    Roll No:229X5A3371 Page No:

    You might also like