Scribd Logo
Upload

Welcome to Scribd!

  • 41 views

    Web Engineering Lab 4

    Uploaded by

    Zarish Saif
    The document describes the tasks and objectives for a web engineering lab. The tasks involve creating two HTML tables - one with 4 columns and 2 rows to learn table implementation, and another with image links to learn navigation tabs. The provided code solution demonstrates creating the two tables with proper headings, rows, cells, and image links as required.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Web Engineering Lab 4

    Uploaded by

    Zarish Saif
    41 views4 pages
    The document describes the tasks and objectives for a web engineering lab. The tasks involve creating two HTML tables - one with 4 columns and 2 rows to learn table implementation, and another with image links to learn navigation tabs. The provided code solution demonstrates creating the two tables with proper headings, rows, cells, and image links as required.

    Original Description:

    designing table using table tag

    Original Title

    -web-eng-LAB 4

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes the tasks and objectives for a web engineering lab. The tasks involve creating two HTML tables - one with 4 columns and 2 rows to learn table implementation, and another with image links to learn navigation tabs. The provided code solution demonstrates creating the two tables with proper headings, rows, cells, and image links as required.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    41 views4 pages

    Web Engineering Lab 4

    Uploaded by

    Zarish Saif
    The document describes the tasks and objectives for a web engineering lab. The tasks involve creating two HTML tables - one with 4 columns and 2 rows to learn table implementation, and another with image links to learn navigation tabs. The provided code solution demonstrates creating the two tables with proper headings, rows, cells, and image links as required.

    Copyright:

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

    WEB ENGINEERING

    LAB 4
    2022
    Tasks:
    1. Create a Following table with 4 columns with proper heading and two
    rows. Also make a caption for table.

    Objectives:
     The objective of this lab task is to learn how to implement the
    navigation tab used in webpage.
     The objective of this lab task is to learn how to implement the tables
    in html.

    SOLUTION:-

    CODE:-
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lab 4</title>
    <style>
    table{
    border: 1px solid black;
    margin: 30px;
    }
    table th,table td{

    SUBMITTED TO: SIR EMAD


    SYBMITTED BY: ZARISH SAIF
    ROLL NUM: F-67070 (RC-56)
    border: 1px solid black;
    padding: 10px;
    }
    img{
    width: 60px;
    }
    </style>
    </head>
    <body>
    <table>
    <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
    </tr>
    <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    </tr>
    <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    </tr>
    </table>

    <table>
    <tr>
    <th>Sr#</th>
    <th>Description</th>
    <th>Image</th>
    </tr>
    <tr>
    <td>1</td>
    <td>Google</td>
    <td>
    <a href="google.com"> <img src="google.png" alt=""></a>
    </td>
    </tr>
    <tr>
    <td>2</td>
    <td>Gmail</td>
    <td>
    <a href="gmail.com"> <img src="gmail.jpg" alt=""></a>
    </td>
    </tr>
    <tr>
    <td>3</td>
    <td>Facebook</td>
    <td>
    <a href="facebook.com"> <img src="fb.jpg" alt=""></a>
    </td>
    </tr>
    <tr>
    <td>4</td>
    <td>Yahoo</td>
    <td>
    <a href="yahoo.com"><img src="yahoo.png" alt=""></a>
    </td>
    </tr>
    </table>
    </body>
    </html>

    OUTPUT:-

    You might also like