Scribd Logo
Upload

Welcome to Scribd!

  • Workshhet1 4

    Uploaded by

    Sachin kumar
    5 views3 pages
    This document describes an experiment to design a table using different CSS border styles. The code provided creates an HTML page with a table containing 11 cells, each with a different border style applied: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden, and a combination of styles. Running the code would display the table with each cell demonstrating a different border style. The output is evaluated based on a pre-lab quiz, worksheet, and post-lab quiz.

    Original Description:

    Original Title

    workshhet1.4

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document describes an experiment to design a table using different CSS border styles. The code provided creates an HTML page with a table containing 11 cells, each with a different border style applied: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden, and a combination of styles. Running the code would display the table with each cell demonstrating a different border style. The output is evaluated based on a pre-lab quiz, worksheet, and post-lab quiz.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    5 views3 pages

    Workshhet1 4

    Uploaded by

    Sachin kumar
    This document describes an experiment to design a table using different CSS border styles. The code provided creates an HTML page with a table containing 11 cells, each with a different border style applied: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden, and a combination of styles. Running the code would display the table with each cell demonstrating a different border style. The output is evaluated based on a pre-lab quiz, worksheet, and post-lab quiz.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    FRONT-END WEB UI FRAMEWORK AND TOOLS

    Subject Code: 22CAP-606

    Student Name: HARI OM KUMAR UID: 22MCA20559

    Section/Group: PH22MCA-6_A Semester: 1ST

    Date of Performance: 19th OCT 2022

    Experiment No. 1.4

    Q. Design a table using different border styles in css.

    1. CODE:-

    <!DOCTYPE html>
    <html>
    <head>
    <style>

    td.eg1 {border-style: dotted;}


    td.eg2 {border-style: dashed;}
    td.eg3 {border-style: solid;}
    td.eg4 {border-style: double;}
    td.eg5 {border-style: groove;}
    td.eg6 {border-style: ridge;}
    td.eg7 {border-style: inset;}
    td.eg8 {border-style: outset;}
    td.eg9 {border-style: none;}
    td.eg10 {border-style: hidden;}
    td.eg11 {border-style: dotted dashed solid double;}

    </style>
    </head>
    <center>
    <body style="background-color: grey;" >

    <h2>Chandigarh university</h2>
    <tr>
    <table>
    <td class="eg1">CU</td>
    <br>
    <td class="eg2">UIC</td>
    <br>
    <td class="eg3">DETDARTMENT</td>
    <br>
    <td class="eg4">HOD</td>
    <br>
    <td class="eg5">CORDINATOR </td>
    <br>
    <td class="eg6">EXAM CONTROLER</td>
    <br>
    <td class="eg7">MENTOR</td>
    <br>
    <td class="eg8">STUDENT</td>
    <br>
    <td class="eg9">LIBARAY</td>
    <br>
    <td class="eg10">CLASS</td>
    <br>
    <td class="eg11">EXAM</td>
    </tr>
    </table>
    </body>
    </html>
    </center>

    • Output:-
    Evaluation Grid:
    Sr. No. Parameters Marks Obtained Maximum Marks
    1. Demonstration and Performance 5
    (Pre Lab Quiz)
    2. Worksheet 10
    3. Post Lab Quiz 5

    You might also like